HMTL基础知识

HMTL(HyperText Mark-up Language)即超文本*标记*语言或超文本标签语言

超文本 可以实现页面内可以包含图片,链接,甚至音乐,程序等.

网页文件扩展名:.html或者 .htm

超文本标记语言包括"头"部分(英文:head),和"主体"部分(英文:body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容.

 

标签的使用方法:

 

双标签,成对出现的标签: <h1>标题</h1> <div>这是一个div标签</div>

单标签:<br> <hr>

带属性的标签 <img arc="./pic.jpg" alt="带颜色的图片>

标签的嵌套:标签与标签之间的嵌套只能使用顺序嵌套,不能交叉嵌套

div块标签

div

块标签,并无实际意义,主要通过CSS样式为其赋予不同的表现

span

行内标签,并无实际意义,主要通过CSS样式为其赋予不同的表现

 

1.标题标签

"h1"--- "h6" h1 最大

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

2.段落标签，表示文档中的一个文字段落，下面是两个段落

<p>内容</p>段落标签

 

3.换行标签

br 换行<p>这是一行文字，<br>这是一行文字</p>

 

4.图片标签,在网页中插入图片

<img src="images/pic.jpg" alt="图片" />

img标签可以在网页上插入一张图片,它是独立使用的标签,他的常有属性有:

src属性定义图片的引用地址

altalternate属性定义图片加载失败是显示的文字,搜索引擎会使用这个文字收录图片,盲人读屏软件会读取这个文字 让盲人识别图片,所以此属性非常重要:

 

5.超链接标签，链接到另外一个网页

``- <a></a>archor第二个网页`

-  基本用法 <a href = "链接的目标地址">内容</a>
-   属性href 地址网页和本地的均可以
-   href = ""
    -  href = "#"
-       title  跳转的地址说明
-       target  默认"_self"缺省值,在原有的网页上打开
            -   "_blank" 新增一个网页```

常用字符实体空格"&nbsp"; 大于号 "&gt"; 小于号 "&lt";