什么是 HTML？
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML由成对的标签组成
- HTML标签可以互相嵌套
HTML的基础样式
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>Title</title>
- </head>
- <body>
- </body>
- </html>
- <html></html>是根标签，是语言的主体标记，是整体
- <head></head>是头标签，是包含描述的部分，是头脑
- <body></body>是主标签，是展示给用户看的地方，是身体
<head></head>中的内容
<title></title>网页的标题，一般显示在浏览器头部
<meta><meta>内容定义。一般包含属性charset，用于告诉浏览器网站编码字符集，如<meta chatset="utf-8"></meta>(注：属性中属性名与属性值用等号连接，属性值用双引号包裹)
utf-8是编码字符集，即为一种字典，用于高速搜索引擎网站的语言，utf-8是万国编码字符集，是Unicode万国码的是升级版。GB2312为亚裔字符集，是中国的国家标准第2312条，但是非常遗憾，其中不包括繁体字符集，为了兼容这一bug，国家发布了GBK,即为国家标准扩展版。
<meta></meta>中还能包含其他描述的行的内容
<meta content="关键词" name="keywords"> <meta content="网页的描述" name="description">
这就接触到了SEO的范围，基础篇不做详细介绍
<body></body>中的内容
<strong>文字加粗</strong> <!--文字加粗标签--> <em>文字斜体标签</em> <!--文字设置斜体标签--> <del>文字加划线</del> <!--文字加划线--> <h1>这算是标题标签</h1> <!--h1-h6标题标签拥有自动分行作用--> <p>段落标签</p> <!--段落标签，文字分段使用-->
上面都是基础的文字标签，下面的两个标签是才是最重要的部分
<div></div>和<span></span>这两个写在html代码中不会显示任何东西。正是因为它们没有什么实际作用，它们的作用非常大，他们的作用在于代码规范化，利于后期的调试修改。
html代码中不存在空格符，我们在html代码中的空格采用html编码实现
空格符  ；
左尖角号（小于符号） <； (less than的缩写)
右尖角号（大于符号） > (great than的缩写)
<br>常用的换行符号，与其他的标签不一样，它单独存在便可以起作用。
- <ol type="1" reversed=“reversed” start=“1”>
- <li>我是一号</li>
- <li>我是二号</li>
- <li>我是三号</li>
- </ol>
<ol></ol>有序列表符号，type=“1”表示从1开始排序，同样支持A/a/i/I/1等几种序列号排列方式（“i”为罗马数字小写，“I”为罗马数字大写格式）
reversed为倒叙排列，start为从指定序列号开始排列
- <ul type="1" reversed=“reversed” start=“1”>
- <li>我是一号</li>
- <li>我是二号</li>
- <li>我是三号</li>
- </ul>
<ul></ul>无序排列标签，是有序排列标签的亲兄弟，它们的属性用法是一样的。<UL></UL>是现在很常用的标签，多用于网站导航部分。
- <img src="图片地址" alt=“描述内容”></img>
<img></img>为图片引入标签，属性src是source的缩写，表示源
图片地址可以采用常见的http网络地址，亦可以采用本地绝对/相对路径。
属性alt为文字占位符，起容错作用，当引入的图片错误时，展示文字信息。
- <a href="链接地址"></a>
<a></a>锚标签，我们在网页上点击的链接基本都是a标签
小结
这是自然这几天自己学习html标签的小结，真是让人想不到，丰富多彩的网页全是用这中简单易懂的小标签编写而成。不足的地方望各位大佬多多补充，自然的学习还在继续。。。。
评论