HTML_02

1. P: 段落

块级元素

上下边距 1em;

p {

display : block ;

margin-block-start : 1em ;

margin-block-end : 1em ;

margin-inline-start : 0px ;

margin-inline-end : 0px ;

}

2. font字体标签

标签已被淘汰。 color 颜色， face: 字体， size ：大小

font-size : 文字的大小

font-family : 文字的 家庭 : 宋体，仿宋， Gothic 等等

color : 文字的颜色

font-weight : blod ; 粗体

font-style : italic ; 斜体

12222

<font size = "2em" color = "red" face = " 宋体 " > 这是 font 标签，已经被淘汰了，很红 </font>

33333

hello w <span style = "font-size: 2em;font-weight:bold; color: yellow;

font-family:'Courier New', Courier, monospace;font-style:

italic;" > or </span> ld

4444

56666

3. 基本标签

3.1 b标签和strong标签

区别 ：都是粗体字 , b 只是粗体， strong 是强调语义。

3.2 i标签和 em标签、cite

区别 ； 都是斜体， i 只是斜体， em 是弱强调语义， cite 是引用语义。

h <b> el </b> lo wM <strong> or </STRong> ld

<br />

<i> 徐志摩 </i> 简介 , <em> 1910 </em> 如杭州学堂学习 <br/>

<cite> 《徐志摩诗歌》 </cite> 学习

3.3 del 删除线文字

text-decorition: line-through;

4. 图片标签

4.1 图片的格式：

png / bmp / jpg / gif / tif / webp / base64 / jfif .....

位图， 动图