开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第2天，点击查看活动详情
第一篇HTML中已经普及完了常用的基础标签，可点击查看juejin.cn/post/716831…
第二篇，我们就了解下，常用标签的语法
一：HTML a链接语法详细
a链接的 HTML 代码很简单。它类似这样：
1.不同页面间的跳转
<a href="*url*">*链接文本*</a>
<a href="03HTML基础标签之图片img.html" target="_blank">超链接1</a>
<!-- target属性是跳转地址打开的位置
target的值有_self是默认初始值，在原窗口打开
_blank是在新窗口打开
_parent是父级窗口
_top是在当前页面打开，替换之前的窗口-->
<hr>
2.不同网站之间的跳转
<a href="http://www.baidu.com" target="_top">超链接2</a>
<hr>
3.锚链接 a页面的甲位置跳转到a页面的乙位置
<a name="top">锚点1</a>
<br>
<img src="img/img01.jpg" alt="" width="375" height="2400"><br>
<a href="#top">跳转到锚点1</a>
4.a页面的甲位置跳转到b页面乙位置
<a href="HTML基础.html#imgprint">不同页面之间的锚链接跳转</a>
<hr>
5.功能性链接
发邮箱
<a href="mailto:aobama@qq.com">发送邮箱</a>
二：特殊字符 ☝
| © | © | © |
|---|---|---|
| ® | ® | ® |
| € | € | € |
| ™ | ™ | ™ |
| ← | ← | ← |
| ↑ | ↑ | ↑ |
| → | → | → |
| ↓ | ↓ | ↓ |
| ♠ | ♠ | ♠ |
| ♣ | ♣ | ♣ |
| ♥ | ♥ | ♥ |
| ♦ | ♦ | ♦ |
| " | " | |
| < | < | |
| > | > |
三：列表标签
type属性决定li前面的默认标记是什么样式
默认值是 disc 是实心圆形
circle是空心圆形
square是实心正方形
none是li属性没有样式
1. 无序列表 ul>li
<ul type="disc">
<li>烽火城西百尺楼</li>
<li>黄昏独上海风秋</li>
<li>更吹羌笛关山月</li>
<li>无那金闺万里愁</li>
</ul>
disc是实心圆形😈展示样子
circle是空心圆形😈展示样子
square是实心正方形😈展示样子
2.ol是有序列表
type默认值是1,1.2.3.4...）
A（A.B.C.D...)
a（a.b.c.d...)
Ⅰ（Ⅰ.Ⅱ.Ⅲ...）
ⅰ（ⅰ.ⅱ.ⅲ...）
<ol type="1">
<li>烽火城西百尺楼</li>
<li>黄昏独上海风秋</li>
<li>更吹羌笛关山月</li>
<li>无那金闺万里愁</li>
</ol>
<ol type="A">第一题</ol>
<li>第一个答案</li>
<li>第二个答案</li>
<li>第三个答案</li>
<ol type="A">第二题</ol>
<li>第一个答案</li>
<li>第二个答案</li>
<li>第三个答案</li>
<ol type="A">第三题</ol>
<li>第一个答案</li>
<li>第二个答案</li>
<li>第三个答案</li>
😈展示样子
3.dl 定义列表 dt自定义列表项目 dd定义自定列表项的描述
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>西瓜</dd>
<dd>菠萝</dd>
<dt>肉类</dt>
<dd>猪肉</dd>
<dd>羊肉</dd>
<dd>牛肉</dd>
<dt>海鲜</dt>
<dd>生蚝</dd>
<dd>螃蟹</dd>
<dd>龙虾</dd>
</dl>
😈展示样子