Remark提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=‘John “ShotGun” Nelson’class 属性可以多用 （引号里面可以填入多个class属性）
id 属性只能单独设置 id=" "（只能填写一个，多个无效） 2. html标题段落
说明:
早期发布的 HTML 规范当中，
等元素是不用封闭自身的，但是这种元素造成了 HTML 规范的不严谨，于是在之后发布的 XHTML 语言中，参考了更为严谨的 XML 规范，在这些不用自身封闭的元素后加 / 来表示自行封闭，在逻辑上来讲等同于
....通常标签
替换加粗标签 来使用, 替换 说明:
与 定义粗体或斜体文本。 或者 意味着你要呈现的文本是重要的，所以要突出显示。上标下标放大缩小等等 这个文本是缩小的 （联系信息） （文字方向） （插入的文本） （下标文本） （上标文本）
3. HTML 文本格式化
HTML 链接 - target 属性. 使用 target 属性，定义被链接的文档在何处显示。
例
访问菜鸟教程!
如果你将 target 属性设置为 blank;, 链接将在新窗口打开
被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<a href="#100">点我跳转到100的位置</a>
<a href="#50">点我跳转到50的位置</a>
<h1>前端day1</h1>
<h1>前端day1</h1>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p id="50">50</p>
<p></p>
<p style ='color:red'>红色</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p id="100">100</p>
<hr>
<p>
段落<br />
</p>
head 标签用于定义文档头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
如：
<html>
<head>
<title>文档标题</title>
</head>
</html>
header 标签用于定义文档的页眉（介绍信息）。
如：
<html>
<body>
<header>
<p>段落</p>
<h1>一级标题</h1>
</header>
</body>
</html>
注意千万不要弄混。
6. HTML样式实例 各种属性背景色属性（background-color）
font-family（字体）
color（颜色）
font-size（字体大小）
text-align（水平文字对齐）引入外部样式表
link 和 import之间的区别?
差别 1：
本质的差别：link 属于 XHTML 标签，而 @import 完全是 CSS 提供的一种方式。
差别 2：
加载顺序的差别： 当一个页面被加载的时候（就是被浏览者浏览的时候) ，link 引用的 CSS 会同时被加载，而 @import 引用的 CSS 会等到页面全部被下载完再被加载。所以有时候浏览 @import 加载 CSS 的页面时开始会没有样式(就是闪烁)，网速慢的时候还挺明显。
差别 3：
兼容性的差别: @import 是 CSS2.1 提出的，所以老的浏览器不支持，@import 只有在 IE5 以上的才能识别，而 link 标签无此问题。
差别 4：
使用 dom(document o bject model文档对象模型 )控制样式时的差别：当使用 javascript 控制 dom 去改变样式的时候，只能使用 link 标签，因为@import 不是 dom 可以控制的。
注意插入动图的语法和静态图的语法是一样的。
是空标签，它只包含属性，没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。
例1 这是一些文本。 这是一些文本。
alt在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息
例2
每个表格从一个 table 标签开始。 每个表格行从 tr 标签开始。 每个表格的数据从 td 标签开始。
HTML 表格和边框属性如果不定义边框属性，表格将不显示边框。使用边框属性来显示一个带有边框的表格：表格的表头使用 标签进行定义。例
- <table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
呈现样式
| Header 1 | Header 2 |
|---|---|
| row 1, cell 1 | row 1, cell 2 |
| row 2, cell 1 | row 2, cell 2 |
定义表格
定义表格的表头
定义表格的行
定义表格单元
欢迎分享，转载请注明来源：内存溢出
赞
(0)
打赏
微信扫一扫
支付宝扫一扫
uniapp的H5在ReactNative的WebView上导航栏返回按钮冲突
上一篇
2022-05-17
vue3 使用第三方组件样式无法修改成功的解决方案
下一篇
2022-05-17
评论列表（0条）