搜索到
15
篇与
的结果
-
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>
-
1、注释和网页标准结构 <!-- 文档声明：用于告诉浏览器，当前html文档采用的是什么版本。必须写在html的首行 --> <!DOCTYPE html> <!-- html的根标签，整个HTML文档中所有的标签都必须包裹在html根标签中 --> <html lang="en"> <!-- lang:用于说明当前文档使用的语言。en为英文网页，zh-CN表示中文网页 --> <head> <!-- head是头部标签。head中的内容不能直接在网页显示 --> <meta charset="UTF-8"> <!--<meta name="keywords" content="HTML教程,JAVA,MySQL">用于描述网页的关键字--> <!--<meta name="description" content="">用于描述网页的信息--> <!-- meta:用来设置网页的元数据（描述数据的数据） <meta charset="UTF-8">：用来描述当前文档使用的字符集，避免乱码问题 位于字节：计算机中任何计算和存储都是以二进制方式实现的。 bit（位）：计算机最小的存储单位 byte（字节）：计算机中最小的存储单元 abit：1byte 编码：字符 -> 二进制 解码：二进制 -> 字符 字符集： ASCII：美国对英文字母与二进制的关系，做了统一的规定。A -> 65 a -> 97 GB2312/GBK : 中国编码 IS08859-1 ；拉丁编码 Unicode : 万国码（涵盖世界上所有字符） UTF-8 : 针对Unicode编码的一种变长编码，是我们主要应用的编码 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网页的标准结构</title> <!-- title:文档的标题。title中的内容显示在浏览器中的标题栏上 --> </head> <body><!--body:整个页面的主体，页面中所有可见的内容，都写在body中--> <!-- 用于解释说明一段代码，注释中的内容不会在页面显示 --> <h1 >第一个网页</h1> </body> </html>
