html入门之属性

目标：
1，属性

1，属性

**什么是属性？** 
			生活中对一个物品名词或者形容词的描述，统称为属性，比如说水杯，圆柱体的，黑色的，玻璃材质的等等都是对它的描述。
			那么在html中，可以把标签看做是一个物体，它也有自己名词或者形容的描述，统称为属性。

语法：

<标签名 属性名1 = “值1”   属性名2 = “值2”> 内容、图片 </标签名>

【注：】多个属性用空格隔开

例如：图片描述：图片的名字是1.jpg 宽度是100px 高度是100px;

<img src = "1.jpg" width = "100"  height = "100" />

#1，alt属性：用在图片上，图片加载出错时出现起提示作用

语法 ：

<img src="图片" alt=“提示信息” />

例如：

<img src = "1.jpg" alt="蜡笔小新" />

当图片1没有的情况下，展现如下图：

当图片没有问题的情况下，展现如下图：
#2，对齐方式 align = "left/center/right" 设置块标签里的文本内容对齐方式

left:左对齐，默认值
center：中对齐
right：右对齐
例如：

<p>我是左对齐</p><!-- 左对齐是默认值，此处可以省略不写 -->
<p align="center">我是中对齐</p>
<p align="right">我是右对齐</p>

【注意：】align是设置块标签里的文本内容对齐方式，不可以用在行标签上，具体行标签与块标签的区别请看上一篇文章html快速入门。

上述属性是有局限性的，不是所有的标签都识别。

---------------------分割线---------------------------------------------

通用属性：【所有的标签都识别】
#1，title=“提示信息” 鼠标放上去出现，起提示作用。
例如：

<h3 title="同一天连发两条航行警告！禁止驶入，渤海部分海域执行军事任务">
	同一天连发两条航行警告！禁止驶入，渤海部分海域执行...
</h3>

【ps】一般用作标题显示不全

#2，id=“名字” id类似与我们的身份证号，每个id名都是唯一的。
这里设置id是给标签添加标识，方便查找，在浏览器实际显示中不会有什么变化。
例如：

<p id='duan'>我是一段话</p>

#3，类class = "class名" class是给标签分类用的，类名可以有多个，以空格隔开。

类似于我们贴标签，比如一个班的同学有男生和女生，女生也可以是长头发，短头发，男生也可以长头发短头发。

我们可以把一个标签看做是班里的某一个同学，长头发，男生，那么我们可以像如下这么写：

<h3 class = “chang nan”>内容</h3>

---

class和id需要起名字，这个时候我们注意一下命名规范
##1，命名规范
1，以数字，字母，下划线(_)组成，不能以数字开头
2，采用大驼峰，小驼峰，下划线命名法之一；
以file name（文件名字）举例：
大驼峰命名：每个单词首字母大写
FileName
小驼峰命名：从第二个单词首字母大写
fileName
下划线命名法：每个单词以下划线连接
file_name
3，避免使用aa，bb命名，起的名字最好见名知意，英语不好，我们可以用拼音。

##2，alt和title有什么区别？
alt：只能用在图片上，图片加载出错时出现，起提示作用
title：通用属性，所有标签都识别，鼠标放上去出现，起提示作用

---

ok，今天的内容到这里就结束了，希望和大家互相交流学习，再见。