CSS#1

2021-11-04 12:59:24 作者：互联网

1.文本用闭合标签
闭合标签的基本格式：
<标签名>文本内容</标签名>
添加属性：<标签名属性_1="属性值" 属性_2="属性值">文本内容</标签名>
标题，段落等文本元素都要求闭合标签，其中开标签与闭标签的不同之处在于后者多一个斜杠
开标签和闭标签明确标识除了标题和段落的起始位置，在浏览器中会显示的只有两个标签之间的文本内容
HTML有6级标题，<h1>表示最高级别的标题

2.自闭合标签
非文本内容是通过自闭合标签显示的，而自闭合标签与闭合标签的区别在于后者包含的是会显示的实际内容，而前者是给浏览器提供一个对要显示内容的引用。浏览器在HTML页面加载时，额外向服务器发送请求以取得内容。
eg：<img src="images/cisco.jpg" alt="My dog Cisco"/>
<img>标签两个属性：
1)属性：src 属性值：cisco.jpg
2)属性：alt 定义在图片因故未能加载成功时在屏幕上显示的文本

3.标题与段落
一般来说，网页都会以一个<h1>标签开头，其中的文本告诉读者这个网页是干什么的，然后用<h2>标记下一级内容，然后才是<h3>……到<h6>以此类推
<h1>：1)最大最突出的标题 2)会被搜索引擎视作仅次于<title>标签的另一个搜索关键词的来源

4.复合元素
由多个标签共同构成的标记
eg：
<ol>
   <li>Save HTML file</li>
   <li>Move file to Web server via FIP</li>
   <li>Preview in browser</li>
</ol>
1)<ol>：有序列表（ordered list）
2)<li>：列表项
3)某些标签（<ol>）需要与其他标签（<li>）共同出现
4)<li>被嵌套在<ol>中，因为<ol>的开标签位于所有<li>列表项之前，闭标签位于所有<li>之后

5.嵌套标签
<li>标签是<ol>标签的子标签，<ol>标签是<li>标签的父标签
eg:
<p>That car is <em>fast</p>.</em>（错）
<p>That car is <em>fast</em>.</p>（对）
在一个标签里嵌套另一个标签，必须先关闭后一个标签再关闭前一个标签

6.HTML 模板
eg:
<!DOCTYPE html>       //声明“以下是一个HTML文档。”这个标签可以不用关闭
<html>           //根级标签
   <head>       //子标签1
   <meta charest="utf-8"/>   //head子标签1（自闭合标签）
               //charest标签：告诉浏览器这个页面使用的是UTF-8编码
   <title>An HTML Template</title>   //head子标签2
                   //<title>标签中的文字作为整个页面的标题出现在浏览器窗口顶部的标题栏中
                   *高权重
   </head>
   <body>       //子标签2
           //<body>标签包含着标记所有内容的HTML元素
          //HTML注释以结尾
                   //浏览器在加载页面时会忽略注释
   </body>
</html>

给出图片所在位置的URC需要使用src标签

7.块级元素（block）和行内元素（inline）
几乎所有的HTML元素的display属性值要么为block要么为inline。除了table，它有自己特殊的属性值
“文档流”：HTML元素按照它们各自在标记中出现的先后顺序，依次从页面上方“流向”下方
块级元素（比如标题和段落）会相互堆叠在一起沿页面向下排列，每个元素分别占一行：：一个块级元素始终保持与浏览器窗口同宽
行内元素（如链接和图片）会相互并列，只有在空间不足以并列的情况下才会折到下一行：行内元素盒子会“收缩包裹”其内容，并且会尽可能包紧
标签之间的空白（包括制表、回车和空格）都会被浏览器忽略，默认情况下，多个空白会被浏览器叠加为一个

8.嵌套元素
为有助于通过标记看清页面结构，从而保证标签间正确的嵌套关系，HTML标签每个层次相对于上一层次都缩进4个空格
显示和号时，要在HTML标签包含的文本中使用&实体
&ldquo：左双引号
&rdquo：右双引号

标签：浏览器,标签,元素,闭合,HTML,文本,CSS
来源： https://blog.csdn.net/weixin_62428841/article/details/121140169