HTML初识
概述
HTML指的是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言
HTML不是一种编程语言 而是一种标记语言(markup language)
标记语言是一套标记标签(markup tag)
作用
网页是由网页元素组成的 这些元素是利用html标签描述出来 然后通过浏览器解析 就可以显示给用户了
总结
html是超文本标记(标签)语言
我们学习html 主要学习html标签
我们用html标签描述网页元素 比如图片标签 文字标签 链接标签等等
标签有自己的语法规范 所有的html标签都是用<>表示的
H(很)T(甜)M(蜜)L(啦)是很快乐的一件事情
HTML骨架标签
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
骨架标签总结
标签名 | 定义 | 说明 |
---|
html /html | HTML标签 | 页面中最大的标签,我们成为 根标签 |
head /head | 文档的头部 | 注意在head标签中我们必须要设置的标签是title |
titile /title | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
body /body | 文档的主体 | 元素包含文档的所有内容,页面内容 基本都是放到body里面的 |
元素标签分类
1.常规元素(双标签)
<标签名> 内容 </标签名>
<body> 我是文字 </body>
"<标签名>"表示该标签的作用开始 一般称为"开始标签"(start tag)
"</标签名>"表示该标签的作用结束 一般称为"结束标签"(end tag)
2.空元素(单标签)
<标签名 />
<br />
空元素用单标签来表示 简单点说就是里面不需要包含内容 只有一个开始标签不需要关闭
标签关系
标签关系主要针对于双标签的相互关系
可以分为父子级(包含关系的标签) 兄弟级(并列关系的标签)
1.嵌套关系
<head>
<title> </title>
</head>
2.并列关系
<head></head>
<body></body>
开发工具
Dreamweaver
SublimeText
WebStorm
HBuilder
VScode
文档类型<!DOCTYPE>
用法
<!DOCTYPE html>
作用
<!DOCTYPE>声明位于文档中的最前面的位置 处于<html>标签之前 此标签可告知浏览器文档使用HTML或XHTML规范
HTML文件必须加上DOCTYPE声明 并统一使用HTML5的文档声明
页面语言
<html lang="en">
指定html 语言种类
en定义语言为英语
zh-CN定义语言为中文
字符集
<meta charset="UTF-8" />
字符集(Character set)是多个字符的集合
gb2312 简单中文 包括6763个汉字 GUO BIAO
BIG5 繁体中文 港澳台等用
GBK包含全部中文字符 是GB2312的扩展,加入对繁体字的支持,兼容GB2312
UTF-8则基本包含全世界所有国家需要用到的字符
标签语义化
所谓标签语义化 就是指标签的含义
目的
1.方便代码的阅读和维护
2.同时让浏览器或是网络爬虫可以很好地解析 从而更好分析其中的内容
3.使用语义化标签会具有更好地搜索引擎优化