一、编写html步骤

1.新建一个记事本（以html结尾）

2.打开方式为文本档

3.编写的结构；<html>

　　　　　　　　　　<head></head><! --网页头部 -->

　　　　　　　　　　<body></body><! --网页主体 -->

　　　　　　    </html>

4.html的打开方式①用浏览器打开

                           ②用文本编辑器打开

补充：html全称；Hyper Text Markup Language（超文本编辑器语音）

          <!DOCTPYE html> 告诉你浏览器用什么规范

4.标题标签<title></title>

5.meta标签：<meta charset ="utf-8">国标

    关键词：<meta name ="keywords" content="内容">

    网页描述：<........"descripition"........>

6.h标签：<h1></h1>

                <h2></h2>

                <h6></h6>

<!-- h标签只有h1到h6，其中h1最大，h6最小-->

7.段落标签：<p>内容1</p>

                     <p>内容2</p>

<!-- p标签段落之间有距离>

8.换行标签：内容1</br>

                     内容2</br>

<!-- br标签两行之间无距离>

9.水平线标签：<hr/>

10.字体样式标签：①加粗：<strong></strong>

                              ②斜体：<em></em>

11.注释和特殊符号标签：&nbsp；(空格)   &gt；（大于）   &quot；（引号）    &lt；(小于)  &copy；（版权符号）

12.图片标签：<img src="图片地址"

                         alt="当图片找不到时提示的文字"

                         title="当光标放在团偏上时显示的文字"

                         widht="图片的宽度"

                         height="图片的高度">

13.链接标签：①.<a herf="~~~.htnl">跳到~~~</a> 

                       <a herf="~~~.htnl" target="目标窗口">跳到~~~</a> 

                       <a herf="~~~.htnl" self="目标窗口">跳到~~~</a> 

                       <!-- target为常用值，其中self表示当前窗口，target表示新窗口 -->

                       ②.锚链接的使用步骤：一、定义锚点 <a name="~~">锚点</a>

                                                                                   <a href ="#">返回~~</ a>

                       <!-- #可以看出当前页面 锚点名；表示想要跳转到指定锚点的位置(就是定义时name属性的值)-- >

                       ③.功能性链接；例：<a herf="mailto:~~~~~~@qq.com">联系我们</a>