初学者指南：掌握HTML-优快云博客

本文链接：https://blog.youkuaiyun.com/dongposu/article/details/50557611

初学HTML

刚刚学java web之前有一点了解和接触html本想着直接学习H5吧。弄了H5的书直接啃，越看越觉得有问题。后面网上咨询了一下H5只是把html之前的东西做了一个整体的规范使得它更好用了，大部分的html东西一样的，一些东西不推荐使用了，然后新增了一些H5的标签。所以各位同学要是初学的话还是去先去学习html吧

如何学html

个人觉得就是找个官方的网站按照上面的官方文档进行看学习，不懂的就谷歌百度看视频。现在已经不习惯拿着编程的书在那里看了根本看不进去有木有。
推荐学习网站：
w3cschool
runoob
接下来是对自己学习的过程的一个记录基本的学习顺序是按照的上面的网站看下来的，所以有直接拷贝的嫌疑。

学习html

元素
主体结构
框架结构标签
头部标签
格式标签
表格标签
文本标签
链接标签
框架结构标签
区域块标签
字符实体

html元素
1. 标签是基本单位，成对<h></h>或者是单个闭合的<input/>。
2. 标签不区分大小写的可以任意大小写<h></H>或<H></h>等，但是推荐小写。
3. 标签之前的内容就是html中显示的内容<h>内容<h>

主题结构
html的主题结构就是下面的结构所有的标签都是写在head和body标签之间的，其中title,link,meta标签只能写在head中，而style,script两者都可以，其他剩下的标签只能写在body中了。

<html>
 <head></head>
 <body></body>
</html>

2.代码中的任何回车换行都不会影响到html的显示格式。
框架结构标签
frameset 是个框架集合这个集合与body是冲突的不能并存。
frameset可以内部包含frame标签以实现多个页面在同一个窗口。
noframe用来显示浏览器不支持时显示的信息。

<html>
    <head>
        <title>framset frame noframe iframe </title>
    </head>
    <frameset rows="100,*">     
            <frame src="http://www.baidu.com"></frame>
            <frameset cols="200,*">
                    <frame src="http://www.baidu.com"></frame>
                    <frame src="http://www.baidu.com"></frame>
            </frameset>
            <noframes>
                你的浏览器不支持HTML框架分
            <noframes>
    </frameset>
</html>

iframe是内联框架标签可以内嵌在body中用于实现窗口多页面

<!DOCTYPE html>
<html>
<body>

<iframe src="http://www.baidu.com" name="iframe_a"></iframe>

<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

<p><b>注释：</b>由于链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开。</p>

</body>
</html>