搜索到
16
篇与
的结果
-
7、列表标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>列表标签</title> </head> <body> <!-- 一、列表标签：可以整齐有序的展示一些内容 1.无序列表 ul+li 使用ul标签创建 使用li标签创建列表项 2.有序列表ol+li 使用ol标签创建 使用li标签创建列表项 3.定义列表 使用dl标签创建 使用dt标签创建需要的项目 使用dd标签创建对项目的描述 列表之间可以相互嵌套的 --> <!--无序列表--> <ul> <li>项目一</li> <li>项目二</li> <li>项目三</li> </ul> <!--有序列表--> <ol><!--type=""--> <li>项目一</li> <li>项目二</li> <li>项目三</li> </ol> <!--定义列表--> <dl> <dt>中国三大中心</dt> <dd>北京政治文化中心</dd> <dd>上海金融中心</dd> <dd>。。。中心</dd> </dl> <ul> <li> 乌鲁木齐市 <ol> <li>新市区</li> <li>米东区</li> </ol> </li> <li> 深圳市 <ol> <li>宝安区</li> <li>南山区</li> </ol> </li> </ul> </body> </html> -
5、字符实体 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>字符实体</title> </head> <body> <!-- 一、为什么用字符实体？ 在HTML中，有些符合是被HTML赋予了特殊含义的。例如：<>等 因此，我们需要在网页中显示这些字符，需要使用字符实体。 1.实体的格式 &实体的名字； 2.常用的实体 < < > > 空格 版权符号 © --> a<b>c <p>今天 天气不错</p> 版权所有©3020 ♥ 😁 <span style="font-size: 200px">😁</span> </body> </html>
-
4、文本格式化标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文本格式化标签</title> </head> <body> <!-- 一、文本格式化标签：用于文本的加粗、倾斜、删除线、下划线等 1.加粗 strong b 相同点：显示效果上，文本具有加粗的效果 不同点：strong标签除了效果上的加粗以外，多了一个语义、语气上的"加强"效果 2.倾斜 em i 相同点：显示效果上文本具有倾斜的效果 不同点：em标签除了显示效果上倾斜以外，多了一个语义、语气上的“强调”效果 3.删除线 del s 4.下划线 ins u 5.上标和下标 sup上标文本 sub下标文本 --> 我是<strong>加粗</strong> 我是<b>加粗</b> <br> 我是<em>倾斜</em> 我是<i>倾斜</i> <br> 我是<del>删除线</del> 我是<s>删除线</s> <br> 我是<ins>下划线</ins> 我是<u>下划线</u> <br> 2<sup>3</sup> H<sub>2</sub>O </body> </html>
-
3、语义化标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>语义化标签</title> </head> <body> <!-- 一、语义化标签：就是标签的含义，根据标签的含义可以使页面的结构更清晰，更有利于搜索引擎的优化 1.标题标签 h1-h6 显示效果上h1最大，h6最小，但是我们并不关心显示效果，更关心语义 对于搜索引擎来说，h1的作用仅次于title 2.段落标签 p 可以将文本分成若干个段落，使文本更有条理性 段落与段落之间有一定的间距 每个段落各占一行 文本在一个段落中会根据浏览器窗口的大小自动换行 3.换行标签 br 在HTML中，无论写多少个空格，都会解析成一个空格，换行也会解析成一个空格 br可以使页面中的内容强制换行 br是一个单标签 4.水平线标签 hr hr可以使在页面中生成一条水平线 hr也是一个自结束标签 --> <p>这是一个p标签</p> <p>这是一个p <br> 标签</p> <hr> <p>一、语义化标签：就是标签的含义，根据标签的含义可以使页面的结构更清晰，更有利于搜索引擎的优化</p> <p>1.标题标签 h1-h6 显示效果上h1最大,h6最小,但是我们并不关心显示效果,更关心语义 对于搜索引擎来说,h1的作用仅次于title</p> <p>2.段落标签 p 可以将文本分成若干个段落，使文本更有条理性</p> <hr> <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级标题</h6> </body> </html>
-
2、标签的介绍 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>、标签的介绍</title> </head> <body> <!-- 一、标签的介绍 1.标签的分类 双标签：成对出现,有开始，有结束 <标签名></标签名> 单标签：自结束标签 <标签名 /> 单标签 / 可以省略不写 2.标签的属性 可以为HTML标签设置属性，通过属性为标签提供一些附件信息 属性写在开始标签中 属性以键值对的形式呈现。如：属性名="属性值" 属性值必须使用双引号 一个标签可以有多个属性，每个属性之间以空格隔开即可 3.标签的注意 标签可以嵌套，但是不能交叉嵌套 标签必须正确的关闭 HTML5大小写不敏感，但是建议用小写 --> <p title="哈哈">今天天气不错</p> </body> </html>
