开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第12天，点击查看活动详情

嗨，大家好，我是异星球的小怪同志

一个想法有点乱七八糟的小怪

如果觉得对你有帮助，请支持一波。

希望未来可以一起学习交流。

一、HTML 中的注释和特殊字符

1.注释

如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。 HTML中的注释以“<! - -开头，”以“- - >”结束。

< ！--注释语句--> 快捷键: ctrl + /

一句话: 注释标签里面的内容是给程序员看的, 这个代码是不执行不显示到页面中的。

添加注释是为了更好地解释代码的功能，便于相关开发人员理解和阅读代码，程序是不会执行注释内容的。

2.特殊字符

在 HTML 页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。

特殊字符	描述	字符代码
<	小于号	&it；
大于号		&gt；
&	和号	&amp；
￥	人民币	&yen；
©	版权	&copy；
®	注册商标	&reg；
°	摄氏度	&deg；
±	正负号	&piusmn；
×	乘号	&times；
÷	除号	&divide；
²	平方2（上标2）	&sup2；
³	立方3（上标3）	&sup3；
	空格符	&nbsp；

重点记住：空格、大于号、小于号这三个，其余的使用很少，如果需要回头查阅即可。

二、总结前面所学的知识

一、所用编程软件dw

二、Web标准构成

结构（html）+表现样式（css）+行为（js）

三、网页的基本元素

1.文字

图片
链接

四、设置DW

1.修改模式经典模式

修改字号编辑 --->首选参数/首选项 ---> 字体建议16号字
修改代码提示 .. .. ---> 代码提示 ---> 键入起始标签”>”
设置浏览器选中小地球图标 ---> 点击+ ---> 起名指向浏览器安装位置 --->确定 ---> 勾选主浏览器

五、 HTML的语法

1.单标记

（1）有属性 <标签名属性名=“属性值”/> eg:

（2）没有属性 <标签名 /> eg:

双标记

（1）有属性 <开始标记属性名=“属性值”/> </结束标记>

eg: < font color=”red”>xxx< /font>

（2）没有属性 <开始标记></结束标记>

eg: < title>xxx< /title>

*****属性不区分先后顺序

六、 HTML的结构（骨架）

<html>

<head><title></title></head>

<body>真正用户能看到的内容</body>

</html>

七、常用标记

Font 字体颜色字号字体
Br 换行
Hr 水平线颜色 color 粗细 size 宽度 width 水平对齐方式 align
h1-h6 标题 align

*****标题标记不是用来控制文字大小的，一个页面h1尽量只出现一次

P 段落 align
Body 主体 background 背景图片 bgcolor 背景色

7. b 加粗 u 下划线 i 倾斜 del 删除线

Center 居中
Blockquote 缩排缩进

八、特殊字符

&nbsp；空格
&gt；大于号
&lt；小于号
&copy；版权
&reg；注册

九、插入图片

<img src=”图片的路径” alt=”替换文本” />

Img的属性

Width 宽度

1.Height 高度

2.Border 边框border=”5”

3.Vspace 上下空白vspace=”100”

4.Hspace 左右空白

5.Title 标题

*****所有的标点符号必须在英文输入法状态下书写

十、图片格式

Jpg 色彩丰富，不支持透明和动画，图片格式大，加载慢，照片
Gif 色彩不丰富，支持透明和动画，图片格式小，加载快，小图标，小logo

3 png 支持透明不支持动画，png8 png 24 png32 png8=gif

*****png8和gif在ie6下都有背景不透明的问题，用JS代码解决

好啦，今天就到这里，下次再更~

HTML入门零基础教程（八）