HTML元素小结及拓展
前言
现在越来越多的人想学前端，但又一知半解，建议看看 前端知识入门详解
本次博客主要是讲HTML元素。
HTML元素概况
首先，什么是HTML元素呢？
引用比较官方的说法：
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
我的解读是：HTML元素从开始标签开始算，到结束标签之间所有的东西算是一个元素。
eg:
<i>111111111</i>
其中<i>为开始标签，</i>为结束标签。开始标签，结束标签以及他们之间的内容为一个HTML元素。
注意：开始标签与结束标签要一一对应才行,不能出现开始标签与结束标签不匹配的情况
eg:
<i>1111111</sub>这种情况是错的
然后再来讨论下HTML元素的内容
某些 HTML 元素具有空内容。那些含有空内容的HTML元素，就是空元素。空元素表示在开始标签中关闭的。
<br/> <img> <hr>等等
很多人不知道哪些是有结束标签，哪些是没有结束标签的
我的理解是：把有开始标签和结束标签称为双边标签，把只有开始标签称为单边标签
那哪些是双边标签哪些是单边标签？
其实双边标签像是一个大括号，重点是里面的内容
eg:
<i>aaaaa</i>
这个元素主要想表达的是’aaaaa‘的斜体，i标签主要是修饰’aaaaa‘
而单边标签则是偏向于功能性的
eg:
<br/> 这是一个换行符，主要是起换行的作用。
<img> 这个主要是起处理图片的作用
等等还有很多这样的标签。
HTML元素的属性
HTML元素除了开始标签，结束标签以及其内容外还有属性。
1.HTML 标签可以拥有属性。
2.属性总是以名称/值对的形式出现。
3.属性总是在 HTML 元素的开始标签中规定。
eg:
<img src="1.jpg"/>
这里"src='1.jpg'"就是img标签的一个属性，起引入的作用。
每个html标签都可以拥有属性，而对于一些标签来说有必需的属性，像上面举的例子那样src就是img标签的一个必需属性。
HTML元素的编写规范
1.HTML元素不区别大小写，如<font> <fOnt> <FONT>;
2.HTML标签属性可有可无。有的标签是没有属性的，如<html>,<head>,<title>等等。
3.双边标签的内容在开始标签和结束标签之间，单边标签没有内容。
4.HTML标签可以相互嵌套，但一定要是顺序嵌套，外层套内层，一层套一层。
基本的HTML元素
html文本修饰标签
1.<b></b>标签
作用：加粗标签里的内容
eg:
<b>HTML文件</b>得出的结果：
2.<i></i>标签
作用：使标签里的内容变成斜体
eg:
<i>HTML文本</i>得出的结果：
3.<u></u>标签
作用：使标签里的内容下增加下划线
eg:
<u>HTML文本</u>得出的结果：
4.<sup></sup>标签
作用：上标
5.<sub></sub>标签
作用：下标
eg:
a<sup>2</sup>+b<sub>3</sub>=24得出的结果：
6.<font></font>字体标签
作用:修饰字体
属性：1.Size：文本大小，取值1-7。1小，7大。
2.Color：颜色值。
3.Face：字体，楷体、黑体、宋体。
eg:
<font size="7" color="blue" face="黑体">学习</font>HTML<font size="3" color="red" face="宋体">文件</font>得出的结果：
图片标签<img>
语法：<img 属性 = “值”>
属性：1. Width：图片宽度
2. Height：图片高度
3. Border：图片边框粗细
4. Src：图片的路径(相对路径)
5. Align：图片的水平对齐方式，取值：left、center、right
6. Hspace：图片与左右文字之间的距离(水平距离)
7. Vspace：图片与上下文字之间的距离(垂直距离)
eg:
<img src="images/01.jpg" width="400" border="5" align="left" hspace="20" vspace="20">得出的结果：
还有很多常用的标签等等下次再介绍
扫一扫
1261
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
