当前位置:首页 > Web开发 > 正文

但是它可以告诉浏览器

2024-03-31 Web开发

人生苦短,要学就只学有用的

【前端教学-Html-1】

Html是什么鬼?

学习方针

理解

HTML的观点

HTML标签的分类

HTML标签的关系

HTML标签的语义化

应用

HTML骨架格局

sublime根基使用

1. HTML 初识

HTML 指的是超文本符号语言 (Hyper Text Markup Language)是用来描述网页的一种语言。

HTML 不是一种编程语言,而是一种符号语言 (markup language)

符号语言是一套符号标签 (markup tag)

网页是由网页元素构成的 , 这些元素是操作html标签描述出来,然后通过浏览器解析,就可以显示给用户了。

<img src=http://www.mamicode.com/"timg.jpg" />

总结:

html 是超文本符号(标签)语言

我们学习html 主要学习html标签

我们用html标签描述网页元素。 好比 图片标签 、文字标签、链接标签等等

标签有本身的语规则范,所有的html标签都是用 <> 暗示的

H(很)T(甜)M(蜜)L(啦) 是很快乐的一件工作

1.1 HTML骨架标签

HTML 有本身的语言语法骨架格局:(要遵循,要专业) 要求务必非常流畅的默写下来。。

<html> <head> <title></title> </head> <body> </body> </html> html骨架标签总结 标签名 界说 说明
  HTML标签   页面中最大的标签,我们成为 根标签  
  文档的头部   注意在head标签中我们必需要设置的标签是title  
  文档的标题   让页面拥有一个属于本身的网页标题  
  文档的主体   元素包罗文档的所有内容,页面内容 根基都是放到body里面的  

书写我们的第一个HTML 页面。

新建一个 01-html骨架标签 的 TXT 文件。

里面写入适才的HTML 骨架。

把后缀名改为 .HTML。

右击--谷歌浏览器打开。

<html> <head> <title>我的第一个页面</title> </head> <body> 你我之间 黑马洗练 月薪过万 一飞冲天 </body> </html>

团队约定巨细写

HTML标签名、类名、标签属性和大部分属性值统一用小写

保举:

<head> <title>我的第一个页面</title> </head>

不保举:

<HEAD> <TITLE>我的第一个页面</TITLE> </HEAD> 1.2 HTML元素标签分类

标签:

在HTML页面中,带有“< >”标记的元素被称为HTML标签,如上面提到的 <html>、<head>、<body>都是HTML骨架布局标签。

分类:

通例元素(双标签)

<标签名> 内容 </标签名> 好比 <body> 我是文字 </body>

该语法中“”暗示该标签的感化开始,一般称为“开始标签(start tag)”,“” 暗示该标签的感化结束,一般称为“结束标签(end tag)”。

和开始标签对比,结束标签只是在前面加了一个封锁符“/”。

我们以后接触的根基都是双标签

空元素(单标签)

<标签名 /> 好比 <br />

空元素 用单标签来暗示, 简单点说,就是里面不需要包罗内容, 只有一个开始标签不需要封锁。

这种只身狗标签非常少,一共没几多,我们多记忆就好

1.3 HTML标签关系

主要针对付双标签 的彼此关系分为两种: 请大家务必熟悉记住这种标签关系,因为后面我们标签嵌套出格多,很容易弄混他们的关系。

嵌套关系

<head> <title> </title> </head>

2.并列关系

<head></head> <body></body>

创议:

如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位(一个tab是4个空格)。如果是并列关系,最好上下对齐。 2. 代码开发工具(书写代码)

为了提高我们的开发效率

Dreamweaver

SublimeText

WebStorm

HBuilder

VScode

工具始终都只是工具,这里我们强烈保举使用VScode,它近乎无所不能,关键是蛮帅的

3. 文档类型<!DOCTYPE>

用法:

<!DOCTYPE html>

感化:

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 标签之前。此标签可奉告浏览器文档使用哪种 HTML 或 XHTML 规范。

<!DOCTYPE html> 就是报告浏览器凭据HTML5 规范解析页面.

团队约定:

HTML文件必需加上 DOCTYPE 声明,并统一使用 HTML5 的文档声明 4. 页面语言lang <html lang="en"> 指定html 语言种类

最常见的2个:

en界说语言为英语

zh-CN界说语言为中文

指定该html标签 内容 所用的语言为中文

团队约定:

考虑浏览器和操纵系统的兼容性,目前仍然使用 zh-CN 属性值

@拓展阅读:

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30718.html