ITA-HTML_the header cannot be added-CSDN博客

本文链接：https://blog.csdn.net/fenger_c/article/details/107305836

HTML元素

行内元素

<a>标签可定义锚
<abbr>表示一个缩写形式
<acronym>定义只取首字母缩写
<b>字体加粗
<bdo>可覆盖默认的文本方向
<big>大号字体加粗
<br>换行
<cite>引用进行定义
<code>定义计算机代码文本
<dfn>定义一个定义项目
<em>定义为强调的内容
<i>斜体文本效果
<img>向网页中嵌入一幅图像
<input>输入框
<kbd>定义键盘文本
<label>标签为
<input> 元素定义标注（标记）
<q>定义短的引用
<samp>定义样本文本
<select>创建单选或多选菜单
<small>呈现小号字体效果
<span>组合文档中的行内元素
<strong>语气更强的强调的内容
<sub>定义下标文本
<sup>定义上标文本
<textarea>多行的文本输入控件
<tt>打字机或者等宽的文本效果
<var>定义变量

块级元素

<address>定义地址
<caption>定义表格标题
<dd>定义列表中定义条目
<div>定义文档中的分区或节
<dl>定义列表
<dt>定义列表中的项目
<fieldset>定义一个框架集
<form>创建 HTML 表单
<h1>定义最大的标题
<h2>定义副标题
<h3>定义标题
<h4>定义标题
<h5>定义标题
<h6>定义最小的标题
<hr>创建一条水平线
<legend>元素为
<fieldset>元素定义标题
<li>标签定义列表项目
<noframes>为那些不支持框架的浏览器显示文本，于 frameset 元素内部
<noscript>定义在脚本未被执行时的替代内容<ol>定义有序列表
<ul>定义无序列表
<p>标签定义段落
<pre>定义预格式化的文本
<table>标签定义 HTML 表格
<tbody>标签表格主体（正文）
<td>表格中的标准单元格
<tfoot>定义表格的页脚（脚注或表注）
<th>定义表头单元格
<thead>标签定义表格的表头
<tr>定义表格中的行

行内元素和块级元素的区别

1.行内元素与块级元素直观上的区别

行内元素会在一条直线上排列，都是同一行的，水平方向排列

块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同，主要是盒模型属性上

行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效

三.行内元素和块级元素的转化：

把块级元素转换成行内元素：display:inline;

将行内元素转换成块级元素:display:block;

行内块元素：display:inline-block;

三种列表

无序列表（Unorder list）

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

有序列表（Order list）

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

自定义列表（Definition list）

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

三种引用方式

<blockquote>：表明段落的缩进
<cite>：表明内容倾斜
<q>：表明内容中添加双引号

预格式化文本

<pre> ：文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

突出显示的标签

strong: 重要性，严重性和紧迫性
em: 突出显示句子中的单词
b: 从视觉上区分一个单词和其他内容，例如论文摘要中的关键词
i: 用另一种语调陈述一个句子，例如其他语言的翻译或对话中的一句话
strong和b视觉效果上是一样的，em和i视觉效果上是一样的
<sup>和<sub>分别指示上标和下标
<del>和<ins>标记指示插入（下划线）和删除（中划线）
保留字符不能直接输出。它们必须替换为字符实体
特殊符号字符实体
空格  
大于号（>） >
小于号（<） <
引号（"） "
版权符号（© ） ©
（&） &

选择题

<ol type="A">
  <li>Apples</li>
  <li>Bananas</li>
</ol>

What do the above code represent?

A unorder list
An order list with uppercase letters being its serial numbers
A custom list
A order list with lowercase letters being its serial numbers

<ol type="value">语法
值描述
1 默认值。数字有序列表。（1、2、3、4）
a 按字母顺序排列的有序列表，小写。（a、b、c、d）
A 按字母顺序排列的有序列表，大写。（A、B、C、D）
i 罗马字母，小写。（i, ii, iii, iv）
I 罗马字母，大写。（I, II, III, IV）

<ol type="value">语法
值	描述
1	默认值。数字有序列表。（1、2、3、4）
a	按字母顺序排列的有序列表，小写。（a、b、c、d）
A	按字母顺序排列的有序列表，大写。（A、B、C、D）
i	罗马字母，小写。（i, ii, iii, iv）
I	罗马字母，大写。（I, II, III, IV）

<title>, <style>, <meta>, <link>, <script>, <noscript>, <base>.

Which element cannot be added to the header?（哪个元素不能添加到header？）

All of them can be added to the header;
None of them can be added to the header;
<link>
<script>

Which description about style element is incorrect?（关于样式元素的哪些描述不正确？）

It can be added to the header tag;（可以将其添加到header标记中；）
<style> tag cannot define style document reference address of an html document;（<style>标签不能定义html文档的样式文档引用地址；）
In the <style> element, it is allowed to add a style directly to render an html document.（在<style>元素中，允许直接添加样式以呈现html文档。）
Other tags can be added to the style element.（可以将其他标签添加到样式元素。）

html引用css文件用link标签：<link rel="stylesheet" href="css/style.css">

Which is the correct method to reference example.jpg?

<img src:"example.jpg">
<img src="example.jpg">
<img href="example.jpg"></img>
<img src:"example.jpg"></img>

<img>标签没有结束标签

When a browser cannot load an image, how can we remind that the lost information is info with replace text attribute?

<img src="example.jpg" alt="info">
<img src="example.jpg" info="info">
<img src="example.jpg" id="info">
<img src="example.jpg" tag="info">

HTML表格标签

标签	描述
<table>	定义表格
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元（table data）
<caption>	定义表格标题
<colgroup>	定义表格列的组
<col>	定义用于表格列的属性
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚