html基础内容

1. 什么是html

Hypertext Markup Language

超文本标记语言

2. 基本结构

<!DOCTYPE html> <!-- 此为html5的声明方式 -->

<html>

<head></head>

<body></body>

</html>

顺序

声明(必须放在第一行)

html标签

头部

主体

3. 注释

<!— 注释内容写这里，网页中不会显示 —>

4. 网页显示出现乱码解决方案

<meta http-equiv=“Content-Type” content=“text/html;charset=utf-8” />

<meta charset="utf-8" />

`<meta/>`放在`<head>`里

编码格式普遍常用：utf-8

中国常用：utf-8、GB2312、gbk等

5. 文字和段落标签

(1) 标题标签

<h1></h1> ～ <h6></h6>

共6个标题等级

(2) 段落标签

<p></p>

align水平对齐属性

left

左对齐

center

居中对齐

right

右对齐

justify

两端对齐（伸缩对齐）

(3) 换行标签

<br />

(4) 水平线标签

<hr />

可用属性

width

水平线宽度

color

水平线颜色

align

水平线对齐方式

noshade

水平线无阴影

(5) 文字斜体

<i></i>

<em></em>

(6) 文字加粗

<b></b>

<strong></strong>

(7) 下标

<sub></sub>

(8) 上标

<sup></sup>

(9) 插入内容

<ins></ins>

下划线

(10) 删除内容

<del></del>

删除线

(11) 特殊符号

`<`

<

`>`

>

`®`

️ 已注册

`©`

️ 版权

`™`

️ 商标

` `

space 不断行的空格

6. 列表标签

(1) 无序列表

结构

<ul>

  <li></li>

  <li></li>

</ul>

`<ul>`的type属性

disc

实心圆点

square

实心正方形

circle

空心圆

(2) 有序列表

结构

<ol>

   <li></li>

   <li></li>

</ol>

`<ol>`的type属性

1

1,2,3

a

a,b,c

A

A,B,C

i

i,ii,iii

I

I,II,III

(3) 定义列表

结构

<dl>

   <dt>定义列表项</dt>

   <dd>列表项描述</dd>

   <dd>列表项描述</dd>

</dl>

7. 图像标签

<img src="" alt="" />

属性

(1) src

图片url

(2) alt

替代文本

(3) height

图像高度

(4) width

图像宽度

8. 超链接标签

<a href="">内容</a>

(1) 属性

① href

链接地址

② target

链接跳转的窗口打开方式

_blank
- 新窗口打开
_self
- 默认，当前窗口打开
_top
- 在当前窗口之上新窗口打开
_parent
- 在父窗口打开

③ title

链接提示文字

④ name

链接命名

(2) 锚链接定义

① 同一页面

<a href="#链接到的锚名">通常是导航文本</a>

<a name="定义锚的名称">摆放位置即为锚点位置</a>

② 不同页面

<a href="页面链接#连接到的锚名">通常是导航文本</a>

<a name="定义锚名">摆放位置即为锚点位置</a>

(3) 基础的电子邮件链接

<a href="mailto:对方邮件地址"></a>

(4) 下载文件

<a href="文件地址"></a>

我是弦歌，

一个渴望成长的前端小白，

欢迎您的留言，

更期待您的不吝指正。

若我的内容能帮助到您，欢迎关注我

记得点赞收藏哦

巴特西

001. html篇之《基础内容》

html基础内容

1. 什么是html

Hypertext Markup Language

超文本标记语言

2. 基本结构

顺序

3. 注释

<!— 注释内容写这里，网页中不会显示 —>

4. 网页显示出现乱码解决方案

<meta/>放在<head>里

编码格式普遍常用：utf-8

中国常用：utf-8、GB2312、gbk等

5. 文字和段落标签

(1) 标题标签

共6个标题等级

(2) 段落标签

align水平对齐属性

left

center

right

justify

(3) 换行标签

(4) 水平线标签

可用属性

width

color

align

noshade

(5) 文字斜体

(6) 文字加粗

(7) 下标

(8) 上标

(9) 插入内容

下划线

(10) 删除内容

删除线

(11) 特殊符号

&lt;

<

&gt;

>

&reg;

️ 已注册

&copy;

️ 版权

&trade;

️ 商标

&nbsp;

space 不断行的空格

6. 列表标签

(1) 无序列表

结构

<ul>的type属性

disc

实心圆点

square

实心正方形

circle

空心圆

(2) 有序列表

结构

<ol>的type属性

1

1,2,3

a

a,b,c

A

A,B,C

i

i,ii,iii

I

I,II,III

(3) 定义列表

结构

7. 图像标签

属性

(1) src

图片url

`<meta/>`放在`<head>`里

`<`

`>`

`®`

`©`

`™`

` `

`<ul>`的type属性

`<ol>`的type属性