HTML 学习 1_htmlxuex-CSDN博客

本文链接：https://blog.csdn.net/mlxfora/article/details/104618911

HTML HyperText Markup Language 超文本标记语言
HTML基本结构

标签  元素 属性     
注释

```go
<!DOCTYPE html>
<html>
<head>
	<title>hello</title>
</head>
<body>
	<p>hello html!</p>//p标签 段落
</body>
</html>
```<p align="justify"> 
<hr/> 分割线
	<br/>换行标签
	<pre></pre>所见即所得标签
	<i></i>倾斜 b 加粗  sub 下标  sup 上标
	&nbsp: 空格 &lt:左尖括号  &rt:右尖括号

标签列表

<ul type=“disc”>
	<li>ul无序标签</li>
	<li>li列表项</li>
	<li>type属性 disc 圆点/li>
	<li> square 方格</li>
	<li>circle 空心圆</li>
</ul>
	<ol type="I">
	<li>ol有序标签</li>
	<li>li列表项</li>
	<li>type属性 1 数字</li>
	<li> a 小写字母 A 大写字母</li>
	<li>I 大写I 大写罗马数字 i小写i  小写罗马数字</li>
</ol>
<dl >     <!-- 列表标签  dd  dt是同级标签 -->
	<dt>定义列表项</dt>
	<dd>列表项描述</dd>
	<dd>列表项描述</dd>
	<dt>定义列表项</dt>
	<dd>列表项描述</dd>
</dl>

图片与超链

```go
../表示上一级 上一级的上一级../../
<img src="../../html.jpg" alt="woops" width="200px" height="600px">  <!--  alt标签 图像加载失败后显示 -->
<img src="../../html.jpg" alt="woops" width="50%" height="50%"> <!-- 百分比会动态缩放 -->
<a href="html2.html"><img src="../../html.jpg" alt="woops" width="50%" height="50%"></a>
<a href="https://www.qidian.com/xianxia" target="_blank">去往起点网</a>  <!-- target:_self 本页面 _blank 新页面打开 -->
<a href="#" title="连接提示文字 光标放上去才有">去往起点网</a> <!--  空连接 -->

隔页面跳转锚点

<a herf=“网页名称#锚点名称”></a>