HTML标签及常见属性

 

body主体里一般会存在的内容：

图片，文字，超链接，音频，视频，

 

date-info="123" :此属性属于自定义的属性，属性名和值都可随意定

 

 

属性有自定义属性和通用属性（全局属性：每个标签都能去使用）两种

 

属性id是唯一标识，不可重复（例如：身份证号码）

属性class可以重复（例如：名字）

div占据当前父级元素的一整行

dir属性：

dir="ltr"：左对齐  

dir="rtl"：右对齐

Tab键自动补齐：直接书写英文，按tab键，标签会自动补齐

 

 

注：用快捷键打出h1-h6标签：h${要写的内容$}*要打印的个数

-----再按Tab键

-----再按Tab键

 

 

text-indent:首行缩进   2em两个字符

不设置高度是因为文字会自动换行

 

a标签跳转：

target="_blank"表示重新打开一个窗口进行显示

target="_self"表示在原窗口进行显示

href="调转地址"，可以调转到已有的网站界面，也可以调转到自己写的界面

 

 

 

 

 

 

 

src="图片地址（可以是绝对路径，也可以是相对路径）"

alt是当图片因为一些原因加载不出来时就会显示alt里的内容

可以用style对图片进行高度与宽度的限制

border边框，颜色自动默认位黑色，没有单位

 

span的宽度和高度都是由内容进行挤压填充的（不会自动换行，写满之后自动换行）

div的宽度和高度与父级元素一致（一个div就是一行）

span和div没有语义

 

border-color:red  设置水平线的颜色，但是原本的黑色不能去掉

对字体进行加粗，不是语义化标签

对字体进行加粗，是语义化标签

斜体，没有语义

斜体，是语义标签，起着重强调作用

 

删除，没有语义

删除，有语义

 

下划线，没语义化

下划线，有语义化

 

 

 

 

 

 

两张图片并列：（浮动）