什么是HTML的基本结构与标签？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
我们提供的服务有：成都网站建设、做网站、微信公众号开发、网站优化、网站认证、柞水ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的柞水网站制作公司
一、初步了解HTML
HTML是一种超文本标签语言，浏览器则是用来“解释和执行”HTML源码的工具。
HTML的基本结构
其中是文档类型声明，声明这个文件必须是HTML5文件，让浏览器按照HTML5准备进行解析，必须在HTML5中，必须要有，且是一定要写在文件的最上方滴。
是用来描述网页的一些关键信息。例如网页的配置、设置、关键字等等。。。这些信息，大多在浏览器看不到，但是对网页的解析至关重要！
则是所有的代码都写在其中。
二、初步了解标签
链接网页的小图标，网页选项卡上面的小图片
其中rel="icon"表示当前link的作用是链接网页图标
href="img/ss.gif"表示图标的地址所在的位置
2)meta:用于描述网页的各种信息
①其中设置网页的编码格式为utf-8格式
常见的中文编码格式：GB2312：国标码，简体中文；GBK：扩展国标码，简体中文
utf-8：万国码，兼容各种语言编码，常用！
②可以设置网页的关键字有助于搜索引擎的搜索，多个关键字用英文逗号分开
③设置网页的详细信息，搜索引擎时标题下面的一段文字！
name="description" 表示这个meta标签设置的是网页的描述信息；
content="" 表示描述信息的详细内容！！
1）标签的分类
①块级标签：显示为块状，独占一行，自动换行。
②行级标签：在一行中，从左往右依次排列，不会自动换行。
2）块级标签
常见的块级标签有：
a.标题标签：
......b.水平线标签：
c.段落标签：
d.换行标签：
e.引用标签：
f.预格式标签：
②代码中的换行，空格等元素可在浏览器中直接显示。
HTML基本块级标签 这是h2标签
这是h3标签
这是h4标签
这是h5标签
这是h6标签
这是h7标签 这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！ 哈哈啊哈哈哈啊哈哈哈哈啊哈！
这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！
if(entity != null){ tring result = EntityUtils.toString(entity,"UTF-8");//HttpEntity转为字符串类型 jsonObject = JSONObject.fromObject(result);//字符串类型转为JSON类型 }光明正大的不要脸！这段话就是抄的！你能咋地！
g.有序列表
h.无序列表
i.定义描述列表
g.组合标签 显示效果：上面是图片，下面是图片的标题，同时图片和标题前代缩进。
图片
k.分区标签
可以包裹任何标签，也可以被包裹进任何标签。HTML基本块级标签
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属性：用于声明引用的来源。
【常用的引用标签】
用于引用一段内容
用于引用一句话
（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">
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：表格的宽度
使用表格宽、高属性设置大小：
表格
| 标题一 | 标题二 | |
|---|---|---|
| 1-1 | 1-2 | 1-3 |
| 2-2 | 2-3 | |
述内容，你们掌握什么是HTML的基本结构与标签的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
重庆分公司
重庆分公司
