1-1、html基础

最新推荐文章于 2024-04-12 22:54:56 发布

原创最新推荐文章于 2024-04-12 22:54:56 发布 · 815 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

HTML 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了HTML的基础知识，包括文本对齐方式如justify、left、center和right，预格式化标签的应用，如倾斜、加粗、上标和下标。还讲解了特殊符号的显示、无序和有序列表的创建，以及定义列表的使用场景。此外，讨论了图片标签的src和alt属性，路径类型，超链接的target属性和锚链接的概念。

1、html基础

<!DOCTYPE html>
<meta charset="utf-8" />

对齐方式：

justify 两端对齐
left 左对齐
center 中间对齐
right 右对齐

预格式化标签：pre

倾斜： i em
加粗：b strong
上标：sup
下标：sub

特殊符号有代码显示例如： 

无序列表：
type="" disc圆点 square正方形 circle空心圆
（可以添加在ul里也可以添加再li里）

<ul>
	<li></li>
	<li></li>
<ul/>

有序列表：
type="" A a 1 Ⅰ

<ol>
	<li></li>
	<li></li>
</ol>

定义列表（符合标题+描述结构时使用此列表）：

<dl>
	<dt>定义列表项</dt>
	<dd>列表项描述</dd>
	<dd>列表项描述</dd>
	<dt>定义列表项</dt>
	<dd>列表项描述</dd>
</dl>

定义列表项

列表项描述

定义列表项

列表项描述

三个列表的使用场景：
导航、顶部导航、建议导航、新闻列表、榜单

图片：
src 图像URL
alt 图像替代文字（当图片无法显示时，代替图片显示出来）

html路径：绝对路径、相对路径
相对路径：在这里插入图片描述超链接：

 <a href=""  >	</a>

target 链接的目标窗口
_self（当前窗口） _blank（新的窗口） _top（） _parent
title 链接提示文字
name 链接命名

<a href="#" >	</a>	空链接

锚链接：
跳转后，锚点位置显示在浏览器的

同一个页面
<a href="#锚名1">	</a>
...
<a href="" name="锚名1">	</a>

不同页面
<a href="html2.html#锚名2">	</a>
...
html2.html文件中：
<a href="" name="锚名2">	</a>