HTML的根本构造与标签的初步理解-
HTML是一种超文本标签说话，阅读器则是用来“解释和施行”HTML源码的工具。
HTML的根本构造
其中是文档类型声明，声明这个文件必需是HTML5文件，让阅读器按照HTML5预备进行解析，必需在HTML5中，必需要有，且是一定要写在文件的最上方滴。
HTML根本块级标签 这是h1标签
这是h2标签
这是h3标签
这是h4标签
这是h5标签
这是h6标签
这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！ 哈哈啊哈哈哈啊哈哈哈哈啊哈！
这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！
if(entity != null){ tring result = EntityUtils.toString(entity,"UTF-8");//HttpEntity转为字符串类型 jsonObject = JSONObject.fromObject(result);//字符串类型转为JSON类型 }光明磊落的不要脸！这段话就是抄的！你能咋地！
g.有序列表
- （order list）
- ... 列表项可以有n多个
- ...
- ...
h.无序列表
- (unorder list)
- ... n多个
- ...
- ...
i.定义描述列表
- 个别只要一项 （列表标题）
- 可以有许多项 （列表描述项）
- 132
- 123
g.组合标签 显示结果：上面是图片，下面是图片的标题，同时图片和标题前代缩进。
图片
k.分区标签
可以包裹任何标签，也可以被包裹进任何标签。
HTML根本块级标签
- 这是无序列表首先项
- 这是无序列表第二项
- 这是无序列表第三项
- 这是无序列表第四项
- 这是无序列表首先项
- 这是无序列表第二项
- 这是无序列表第三项
- 这是无序列表第四项
- 这是dl列表的标题
- 这是dl列表的描述项1
- 这是dl列表的描述项2
- 这是dl列表的描述项3
11111
3)行级标签
常见的行级标签：
（1）文本标签span
① span标签只是包裹作用，没有任何其他含义；
② span作用与div相似，需配合CSS运用。只不外div是块级标签、span是行级标签
（2）强调标签em与strong；歪斜标签i；加粗标签b；四个之间的区别
① em和i都能歪斜。strong和b都能加粗！但是，i和b仅仅是纯正的歪斜加粗，而em和Strong多了强调的语义。
② em和strong都表示强调，但是strong强调的级别更高！！
注意：
1、强调的目的：让搜寻引擎晓得网页重点强调的内容！便于搜寻引擎显示！
2、Strong和em都可以多层嵌套，表示强调程度的递增！
（3）短援用标签q：表示短援用 。 cite属性：用于声明援用的来源。
【常用的援用标签】
用于援用一段内容
用于援用一句话
常用于援用作品名、书画名等
雷同点：三个援用标签，都用cite属性表示援用来源
不一样点：① 援用的内容不一样。 blockquote->一段话，q->一句话，cite->作品名
② 显示的默许结果不一样。 blockquote->默许整段向右缩进； q->默许加引号； cite->默许歪斜！
（4）缩小标签small：将字体缩小一号；big标签：将字体放大一号。
注意：
① small和big可以多层嵌套，直到字体达到最小或最大为止；
② 这俩标签已经被裁汰，并不倡议运用。
（5）图片标签img
① src属性：表示图片的途径
[图片途径的合法方式]
A.网络链接：因为图片在其他网站，要是其他网站删除图片，我们也不克不及拜访，所以不倡议运用这种方式；
B.绝对途径：运用绝对途径的图片，只要在本机运用file协定才干拜访！所以，严禁运用这种方式！
C.相对途径：
a、 图片与目前文档在统一层文件夹：直接写图片名
b、图片在目前文档的下一层文件夹：文件夹名/图片名
c、 图片在目前文档的上一层文件夹： ../图片名 (../表示后退一层)
但是，一定要注意：图片必需包括在项目里面，不克不及拜访项目外的图片。
② height:图片的高度 width：图片的宽度
③ title：图片的标题，也就是鼠标指上后看到的提醒文字
④ alt: 图片没法加载时显示的文字
⑤ align：图片四周的文字相关于图片怎样对齐。
可选值：top->图片顶部 center->图片中部 bottom->图片底部
12345
（6）超链接标签a
A、href属性：表示超链接跳转的页面。
① 可以写网络地址：
这是一个超链接
② 可以打开当地的html文件：
采纳相对途径肯定文件地址。与img标签肯定方式雷同。
这是一个超链接
B、title属性：鼠标指上后显示的提醒文字
这是一个超链接
C、target属性：设定新页面打开的窗口位置
可选值：_self本身页面打开（默许）
_blank 新窗口打开
这是一个超链接
【超链接的特别利用】
1、功能性链接：（理解）
mailto:// 点击链接给指定邮箱发送邮件
点击发送邮件
tencent://message/?uin=1105093212"
还有：tell://手机端点击打电话
message://手机端点击发送短信
ftp://运用ftp协定进行文件的上传下载
2、锚点链接：
>>>本页面锚链接
① 在页面的指定位置中设定一个锚点，用那么属性表示锚点名字：
a name="top">
② 将超链接的href属性，设定为#加锚点名字
点击链接，跳转到top锚点位置
>>>页面间锚链接
① 在新页面的指定位置中设定一个锚点，用那么属性表示锚点名字：
a name="top">
② 将超链接的href属性，设定为“新页面地址#加锚点名字”：
点击链接，跳转到锚地.html的top锚点位置
HTML根本行级标签 糖糖真帅！！！
这是em标签
这是strong标签
这是i标签
这是b标签
这是b标签
我是q标签援用我是blockqoute的援用！！！！！我是cite标签的援用！！
我比正常小两号
我比正常大一号
4）块级标签与行级标签的区别
1、块级标签：默许宽度100%(占满一行)；
块级标签主动换行(独有一行，右侧不克不及有任何东西)；
块级标签可以运用CSS设定宽度高度！
2、行级标签：默许宽度由内容撑开(内容多宽、宽度就占多宽)；
行级标签不会主动换行(一行傍边，从左往右顺次罗列)；
行级标签的宽度高度不克不及设定！
5）表格
（1）表格table
表格用table表示，表格中的每一行tr表示，一行中的每一列用td表示
th表示的是：表头。表头中的文字，默许为加粗居中。th要放在tr中，用于替代掉td。
（2）table的常用属性
A、border：给表格加边框。 默许给所有td加边框，而且给整个table加外边框。 当增大border的值时，td上的边框不变化，只要最外层大边框变宽。
B、cellspacing：单元格与单元格之间的距离。
cellspacing="0" 表示单元格与单元格之间没有距离，但是边框线的宽度仍然是两条线的宽度。
[注意] 表格边框合并的CSS写法：
style="border-collapse: collapse;"
这条CSS与cellspacing="0"有什么区别？
cellspacing="0"仅仅是将单元格之间的距离调整为0，现实上单元格之间仍然还是两条线；
border-collapse: collapse; 是将表格相邻的两条边框进行合并处置，只要一条线存在。(一旦边框合并，cellspace属性将会失效。)
C、cellpadding：单元格中的文字与单元格边框的距离。
D、 height：表格的高度
width：表格的宽度
运用表格宽、高属性设定大小：
运用CSS样式设定大小：
E、align：设定表格在阅读器中的位置。不倡议运用了。
可选值：left 表格居左 /center 表格居中/right 表格居右
F、bgcolor：配景色
bordercolor:边框色彩
background:配景图 background="img/computer.jpg"
配景色和配景图同时存在时，配景图会遮盖配景色
（3）tr与td常用属性
A、width：单元格宽度
height：单元格的高度
B、bgcolor： 单元格的色彩
C、align:设定单元格中的文字，水平对齐方式。
left、center、right
valign:设定单元格中的文字，垂直对齐方式。
top、middle、bottom
D、 nowrap="nowrap" 当单元格文字过多时，设定单元格文字一直行显示。 但是，会把表格的宽度撑大!!!
（4）表格的跨行与跨列
①跨列：在td上运用属性colspan="n"进行跨列。要是一个单元格跨n列，则，单元格右侧的n-1个单元格需要去除。
②跨行：在td上运用属性rowspan="n"进行跨行。要是一个单元格跨n行，则，单元格下边的n-1个单元格需要去除。
表格
| 标题一 | 标题二 | |
|---|---|---|
| 1-1 | 1-2 | 1-3 |
| 2-2 | 2-3 | |
三、写在背面的话
首先次接触博客，首先发文内心还是有些小冲动的，关于刚接触不久代码的我，就觉得代码是一个奇异的地方，并且既奇异又觉得非常不错玩。
以前就不断觉得这些东西很深奥，感觉是我所触及不到的，但是当我接触到后，还是挺喜好的。
最后请各位多多照顾。
以上就是HTML的根本构造与标签的初步理解的细致内容，更多请关注 百分百源码网 其它相干文章！
