作为一个新手，要从头学习Html编程语言，需要从最基础的开始。我所使用的编程软件是Hbuilder。
1.Html文档结构
包括head和body两部分
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html>
注意开头必须有文档类型强调！
<!DOCTYPE html> <!-- 文档声明：必须有，而且必须在文档页面的第一行。 Html5已经简化为以上样式 --> <html> <head> <!--Head标签内的信息用于描述网页的基本信息，即元数据--> <title>我的世界</title> <!--网页的标题，即网页选项卡上的文字--> <link rel="icon"href="img/111.png" /> <!--使用link标签连接网页图标 rel:声明连接文件的类型 type属性可省略 href属性：表示图片的路径地址 --> <meta charset="UTF-8"> <meta name="keywords"content="你好,H5,高大上" /> <!--网页关键字，用半角逗号隔开--> <meta name="description"content="--helloword哈哈哈哈" /> <!--meta标签常用属性 1.charset 设置文档字符集编码格式》》》常见字符集编码格式：utf-8万国码Unicode，GB-2312国标码,gbk扩展的国标码 2.http-equiv将我们的信息写给浏览器看,可选属性值Content-Type refresh set-cokie，配合content属性.(http-equiv属性只是表明需要设置那一部分，具体内容放到content属性中) 3.name属性：使用方法与http-equiv相同，常用属性值keywords author description 将信息写给搜索引擎看 --> </head> <body> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a name="top"></a> <h1>这是标题标签h1</h1> <h2>比h1小点</h2> <h6>标题标签有6种h1最大，h6最小</h6> <hr /> <!--hr 水平线--> <p>这是P标签 →空格）©→版权 代表一个段落，<br/>两个P标签，中间隔一行。br（自闭和标签）换行标签</p><br /> <p>这个也是一 个段落，用P标签包裹的</p> <blockquote cite="http://www.jredu100.com"> 这是引用标签 </blockquote> <pre>这是pre标签。预格式 我被换行了。标签内内容格式原封不动</pre> helloworld <!--body 网页主题内容 注释快捷键 ctrl+/--> <!--有序列表OL--> <ol> <li>有序列表第一项</li> <li>有序列表第二项</li> <li>有序列表第三项</li> </ol> <!--无序列表UL --> <ul> <li style="list-style: none;">无序列表第一项</li> <li>无序列表第二项</li> <li>无序列表第三项</li> </ul> <!--定义描述列表--> <dl> <dt>这是DL的标题DT，一个DL一般只有一个</dt> <dd>这是DL的描述项dd</dd> <dd>这是DL的描述项dd2</dd> </dl> <a name="t"></a> <!--<img src="img/tour.png" alt--> *********分割线**************<br /> <span style="color: red;font: ‘微软雅黑‘;font-size: 24px;font-weight: bold;">我真帅</span> <em>em表示强调，强调的样式为倾斜</em> <strong>强调样式加粗</strong> <i>i标签表示倾斜，没有强调效果</i> <b>b标签表示加粗，没强调效果</b> <q>表示短引用，自带双引号</q> <s>表示有误文本删除线</s> <cite>cite表示引用，浏览器表示为倾斜</cite> <code>仅仅表示为代码，浏览器等宽显示</code> <small>small比正常的标签字体小一号，可以多层嵌套，一直小到最小字体</small> <big>big标签大一号</big> <img src="img/111.png"title="和尚"alt="这是一张图"/> <!--img表示图片 src 图片的地址，可以是网络图片，相对路径 title 图片标题 alt 图片不显示时显示的文字 align 设置图片文字对齐方式 --> <a href="liebiao.html"target="_blank"> <!-- 【a标签】 href表示跳转的地址。1 跳转的地址可以是网络连接 2 可以通过相对路径站内其它HTML文件， 相对路径的确定 a,如果在同意文件夹，直接写文件名 b 如果目标文件在当前文件夹下一层，直接写“文件夹名/文件名” c 如果目标文件在当前文件上一层“../文件名” target表示页面打开的位置： 1 _self代表自身页面打开 2 _blank新页面打开 title 超链接标题，鼠标指上去显示的提示 --> </body> </html>
原文：http://www.cnblogs.com/cherishli/p/6430038.html