html

----------------------------------------

html基本结构

body中的各种标签组件：

1、正文中的标题标签：h1~h6

要注意的是：

1)

的字体最大，

字最小。跟标签的size属性是反的，size值为1最小，值为7最大。

2)必须是独占一行

3)使用

到

标签，会让文字变大变粗。但千万不要因为想让文字变大变粗就给他加一个标题标签，这是错误！你可以使用或标签来实现

4)搜索引擎会把文章中出现的

到

标签来作为文章的结构与主次，从而进行索引。懂seo的朋友就知道，这个很重要！

2、段落与换行：

换行标记：

段落标记：

把p标记中的文本当做一段文字, 一段文件完毕之后, 会自然换行.

3、分割线：

---

属性：

width： 宽度  300px   ；50% 占用父标记宽度的百分比

align： 对齐方式：left    居左; center  居中; right   居右

4、图片标签：  (单标记)：可以在页面中显示一张图片

属性：

src：指定目标图片的路径

width：宽度     px

height：高度

宽高同时设置时会出现失真的现象,若需要等比例 缩放,则只需要设置其中一个即可.

路径：

①绝对路径：

操作系统绝对路径：windows： 以盘符开头的路径为绝对路径；c：\Program Files\xxxx.jpg

linux / Unix / Mac： 以/(根目录)开头的路径为绝对路径

/home/soft01/xxx.jpg：网络端绝对路径：

以http：//开头的url路径： http：//tts6.tarena.com.cn/xxx.jpg

②相对路径：

指的是通过当前html文档和目标文件生成的路径.

相对路径也可以指向目标文件.

不以盘符和/(根目录)开头的路径：

网页所支持的图片格式：

JPG/JPEG：  体积小    图像有较小的失真

png：  显示颜色种类较多  体积较大    图像保存完好

gif：  支持动态图  体积小  显示的颜色非常少

png/gif：  支持透明色

jpg：  不支持

5、a链接：

链接文本

属性：href： 点击链接之后跳往的目标地址

点击图片跳转 ：

HTML web前端

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。