D 01-HTML的基本标签

HTML的基本标签

1,字体标签和格式化标签

<font color="red" size="7" face="">文字内容</font>

size:控制字体大小1到7

color:控制字体的颜色,例如:red,blue,green.......

face:控制字体.只能设置系统中的字体 "宋体","微软雅黑"......

2,格式化排版常用标签

<p></p>

常用属性:align="center" 

例如:<p align="center">疑是地上霜</p>

<h1><h1/>标题标签,h1到h6

<br/>空行标签

空格标签;&nbsp

3,图片标签

<img src="路径" width="100或50%"  height="100或50%"/>

 width:图片宽度
 height:图片高度

宽度和高度的设置
    默认px为单位,像素  例如:width="400",就是width="400px",固定的
    百分比设置:例如width="50%". 就是父标签的百分比,动态改变

src路径

图片路径的写法

(1)内网路径

 1.绝对路径:文件在硬盘上的具体路径
    例如:F:\图片下载\结婚图片\IMG_0986.JPG
    
 2,相对路径:从引入者所在目录出发
    例如:../img/IMG_0986.JPG
    ../表示上一层目录
    ./表示当前目录   
    
(2)互联网网路径:
    例如:<img src="http://www.baidu.com/xxx.jpg"/>
    注意,写网址的时候不要忘了写http://

4,列表标签

<ul></ul>

无序列表标签，用于在效果中定义一个无序列表

<ol></ol>

有序列表标签，用于在效果中定义一个有序列表

<li></li>

列表条目项标签，用于在效果中定义一个列表的条目

5,超链接标签

<a href="http://www.baidu.com">18岁以下禁止点击</a>

超链接标签
    超链接,不仅仅可以是文字图片,网址,等都可以
    <a></a>

注意事项:
    href属性来连接到一个资源,如果连接到外网,必须加http://
    如果是没有办法解析的文件件,会自动提示要不要下载
    target属性blank新开一个窗口