目标:
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没有的情况下,展现如下图:

HTML5图片居左代码 html图片靠左对齐_html

当图片没有问题的情况下,展现如下图:

HTML5图片居左代码 html图片靠左对齐_HTML5图片居左代码_02


#2,对齐方式 align = "left/center/right" 设置块标签里的文本内容对齐方式

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

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

HTML5图片居左代码 html图片靠左对齐_左对齐_03


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

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

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

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

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

HTML5图片居左代码 html图片靠左对齐_html_04


【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,今天的内容到这里就结束了,希望和大家互相交流学习,再见。