学习第一天结束

3.网页开发工具

3.1文档类型声明标签

这句代码的意思是：当前页面采取的是html5版本来显示网页
注意：
1. 声明 位于文档中的最前端的位置，处标签之前
2. 不是一个html标签，它就是文档类型声明标签。不属于html标签的一部分

3.2 lang语言种类

用来定义当前文档显示的语言 1.cn定义语言为英语 2.zh—CN定义语言为中文 简单来说，定义为en就是英文网页，定义为zh-CN就是中文网页 其实对于文档显示来说，定义为en的文档也可以显示为中文，定义为zh-CN的文档也可以显示为英文 会触发翻译提醒。

3.3字符集

字符集（charset）是多个字符的集合，以便计算机能够识别和存储各种文字。 在标签内，可以通过标签的charset属性来规定html文档应该使用哪种字符编码。 charset 常用表示的值有 GB2312 BIG5 GBK 和 utf-8 utf-8 称为万国码，基本包含了全是世界所有国家需要用到的字符。

4.html常用标签

4.1标签语义

4.2标题标签

-

重要

 <h1>我是一级标题</h1>

单词head的缩写，意为头部标题

标签语义：作为标题使用，并且依据重要性递减

特点：
1.加了标题的文字会变得加粗，字号也会依次变大。
2.一个标题独占一行

        <h1>标题一共六级选</h1>
        <h2>文字加粗一行显</h2>
        <h3>由大到小依次减</h3>
        <h4>从重到轻随之变</h4>
        <h5>语法规范书写后</h5>
        <h6>具体效果刷新见</h6>

4.3段落标签和换行标签（重要）

<P>这是一个段落标签</P>
标签语义：可以把HTML文档分割为若干段落

特点：
1.文本在一个段落中会根据浏览器窗口的大小自动换行

2.段落与段落之前保有空隙

<br /> 强制换行    注意有空格
一个段落只有到头才会换行，为了某段文本强制换行显示。可以用换行标签 
  <br />.

单词break的简写。
段落与段落之间有大空隙 换行没大空隙。

4.4div和span标签

div和span是没有语义的，他们就像是盒子，用来装内容的。

<div>这是头部</div>
<span>今日价格</span>
div是表示分区，分割。   span意为跨度，跨距。

特点:
div 标签是用来布局的，但是现在一行只能放一个div.大盒子
span标签用来布局，一行上可以多span 小盒子。

4.6图像标签和路径

1.图像标签

<img src="图像url"/>

src是img标签的必须属性，他用于指定图像文件的路径和文件名

所谓属性：简单理解就是属于这个图像标签的特性。

 <h4>图像标签的使用</h4>
    <img src="img.jpg"/>

    <h4>alt 替换文本，图像显示不出来的时候用文字替换： </h4>
    <img src="img.jpg" alt="我是华逸"/>

    <h4>alt 替换文本，图像显示不出来的时候用文字替换： </h4>
    <img src="img1.jpg" alt="我是华逸"/>

    <h4>title 提示文本，鼠标放到图像上显示出来的文字。 </h4>
    <img src="img.jpg" title="我是鼠标提示"/>

    <h4>width 给图像设置宽度 </h4>
    <img src="img.jpg" title="我是鼠标提示" width="500"/>

    <h4>height 给图像设置高度 </h4>
    <img src="img.jpg" title="我是鼠标提示" width="500" height="200"/>

    <h4>border 给图像设置边框 </h4>
    <img src="img.jpg" title="我是鼠标提示" width="500"  border="15" />

图像标签的注意点：
1.图像标签可以拥有多个属性，必须写在标签名的后面。
2.属性之前不分先后顺序，标签名与属性，属性与属性之间均以空格分开。
3.属性采取简直对应的格式。即key = ”value“，属性=”属性值“
例如： title=“我是鼠标提示”。

图像 src标签是必须写的 alt替换文本 title 鼠标提示文本