关于HTML的知识

一、HTML的常用标签

1.排版标签

排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签

1.1标题标签

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

<h4>四级标题</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

注意：没有h7等，一个html页面中,只能有一个h1

2.2段落标签

标签表示文本的段落，段落通常在文档中表示为文本块，会自动在其前后创建一些空白

<p> 文本内容 </p>

1.3 水平线标签

在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。

<hr/>

1.4换行标签

在HTML中，用来设置文本强制换行显示

<br/>换行

1.5 div标签

<div></div>是块级元素，独占一行，包裹独立的块内容时可以使用div元素

<div>这是块内容</div>
<div>这是块内容</div>
<div> 这是块内容</div>

1.6 span标签

span 跨度包裹文本文字都可以使用span，

span本身没有什么含义，可用作文本的容器，包含着文本内容，还可以通过对span标签对象设置不同样式实现我们要的美化效果。

注意:<span></span>是行内元素

<span>文本内容</span>
<span>文本内容</span>
<span>文本内容</span>

1.7 排版标签总结

2.文本格式化标签

在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。

<b> 粗体 </b> 或 <strong>粗体 </strong> 文本以粗体样式显示

<i> 斜体 </i> 或 <em>斜体</em> 文本以斜体样式显示
<s>删除线</s> 或<del> 删除线 </del> 文本以加删除线样式显示
<u>下划线</u> 或<ins>下划线</ins> 文本以加下划线样式显示

注意:
strong、em 、 del、ins 标签(推荐使用)有语义，起到加重语气的效果;

b、i、s、 u标签是没有的语气；

3.img标签

要想在网页中显示图像就需要使用图像标签，其基本语法格式如下:

<img src="图像URL”/>

注意：a.图片内容不能随便乱放

b. 返回上一级目录 --><img src="../图像URL”/>

4.超链接标签

在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，其基本语法格式如下:

<a href-"跳转目标”target=”目标窗口的弹出方式”>文本或图像</a>

属性：

a.href( Hypertext Reference的编写) 意思是超文本引用，用于指定链接目标的url地址，当为标签应用remI，E7市0具有了超链接的功能.
b.target 用于指定链接页面的打开方式，其取值有_self和_b1ank 两种，其中_self 为默认值，_blank 为在新窗口中打开方式。

注意:
1.外部链接需要添加 http://www.baidu.com
2.内部链接直接链接内部灾面名称即可比如<a href="index,html'>首页

3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为"#"(即href"#")，表示该链接智个空链接。

4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

5.icon图标

添加icon图标
<link rel "shorteut icon"href http://example,con/favicon,ico"type image'x- icon”>

6.特殊字符

 :半角空格 &emsp;全角空格

二、列表

1.无序列表

<ul>:定义无序列表，并且只能包含<1i>子元素。
<li>定义列表项，可以包含与<div>完全类似的内容，所以可以包含较多类型的子元素

<u1>
<1i>无序列表项</1i)
<1i>无序列表项</1i>
<1i>无序列表项</1i>
</u1>

注意:
1.<ul>/u1>中只能嵌套<1i'/1i〉，直接在〈u1></u1>标签中输入其他标签或者文字的做法是不被允许的。
2.<1i>与</1i>之间相当于一个容器，可以容纳所有元素。

2.有序列表

有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，

<ol>

<li>邓超</li>

<li>鹿晗</li>

<li>陈赫</li>

</ol>

3.自定义列表

<d1>:定义列表
<dt>:定义标签定义了定义列表中的项目(术语)
<dd>:定义描述

<dl>

<dt>售后中心</dt>

<dd>手机售后</dd>

<dd>电视售后</dd>

<dd>电脑售后</dd>

</dl>

三、表单

在HTML中，一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成
1.表单控件:
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等
2.提示信息:
一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。
3.表单域:
相当于一个容器，用来容纳所有的表单控件和提示信息。

<!-- placeholder:占位符

name属性与后台交互时候，是必须的设置的

<input type="text" placeholder="请输入密码" name="pwd">

密码:

<input type="password">

<input type="button" value="登录">



<button>注册</button>