HTML 复习_html复习-CSDN博客

本文链接：https://blog.csdn.net/u011934280/article/details/11020595

HTML 复习

概念：

1、html（hypertext markup language）超文本标记语言，在网页上显示文字，图片，视频，音频等。

2、Html语言是通过标签来声明的，例如<img>标签生命这是一个图片。

3、Html的标签都是闭合的，有开始有结束，如果标签内没有内容可以简写成：<img src=” ”/> 。

4、Html的标签是由属性名和属性只构成<标签属性名=属性值>

一、HTML标签

1、html标题标签：<h1> <h2> <h3> <h4> <h5> <h6>

H1----h6,，以后做搜索引擎优化的时候需要

搜索引擎：百度、google、搜搜、搜狗

H1 权重最高、H6最低、建议使用一个H1标签。

2、段落： <p>标签

3、超链接标签：<a> </a>

4、Html图像 <img/>

5、Html表格 <table>

6、框架 <iframe></iframe>

二、html元素

1、HTML元素值得是从开始标签（starttag）到结束标签（end）的所有代码。

2、HTML 元素，指的是标签之间的内容。

例如：Body元素：

<body>

<p>This is my first paragraph.</p>

</body>

<p>这就是一个段落paragraph缩写</p>

段落相关标签

HTML 段落：

段落是通过 <p> 标题定义的。

HTML 换行：

换行是通过<br/>标签定义的。

<Strong>标签和<b>标签解释：

<Strong> 加强语气的，所以对搜索引擎来说更重要。

<b> 定义粗体文本。

<strong> 定义加重语气。

<sub> 定义下标字。

<sup> 定义上标字。

<pre> 定义预格式文本。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

<blockquote> 定义长的引用。

<q> 定义短的引用语。

三、HTML 属性

属性为html元素提供附加信息。

例如：

<h1 align=”center”>拥有关于对其方式的附加信息。

<body bgcolor=”yellow”>拥有关于背景颜色的附加信息。

四、 HTML标题

1、标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

h1 最重要的， h2（次重要的），再其次是 h3，以此类推。

2、HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线。

3、HTML 注释

五、HTML 样式

tyle 属性：改变html的样式

1、style 属性淘汰了“旧的” bgcolor 属性。

<h2 style="background-color:red">This is a heading</h2>

2、style 属性淘汰了旧的 <font> 标签。

<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

3、style 属性淘汰了旧的 "align" 属性。

<h1 style="text-align:center">This is a heading</h1>

注意：

不建议使用 style属性定义html元素的样式，建议使用CSS来控制样式

六、HTML超链接

HTML 使用超级链接与网络上的另一个文档相连，点击链接可以从一张页面跳转到另一张页面。

1、href 属性规定链接的目标

Href属性指向目标连接

Target属性 _blank 弹出一个新的窗口 _self （替换当前窗口） _parent 在父窗口基础上打开（火狐的话）

<a href="http://www.tmall.com/">跳转到淘宝</a>

2、target 属性定义被链接的文档在何处显示

新窗口打开文档：<a href="xxx" target="_blank">xxx!</a>

3、name 属性

使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。

<a name="tips">Useful Tips Section</a>

<a href="#tips">Visit the Useful Tips Section</a>

七、表格：

1、表格边框：border属性

2、表格中的表头：<th>

3、带有标题的表格：<caption></caption>

4、跨行、跨列的单元格 colspan rowspan

5、单元格边距：cellpadding 单元格内容和边框之间的距离

6、单元格间距：cellspacing 单元格与单元格之间的距离

八、有序列表、无序列表

<ol> ordered line

无序列表

<ul> unordered

<Li>

1、有序列表

有序列表类型：A、a、I、i

2、无序列表

无序列表类型通过type属性：circle、disc、square

九、HTML表单

1、表单使用表单标签（<form>）定义

2、文本域 <input type="text" name="firstname" />

3、单选按钮 <input type="radio" name="sex" value="male" /> Male

4、复选框 <input type="checkbox" name="car" />

5、下拉列表 <select> 和 <option> 预选值selected

6、文本域 <textarea>

7、表单提交 action 属性、提交方式和 submit提交按钮

8、隐藏域 hidden属性

Type=hidden

在浏览器端，是看不到的，为了数据更安全，偷偷的提交过去的

9、Enctype属性，如果需要上传图片，enctype属性的值，必须是 multipart/form-data

10、Method属性，表单提交的方式，get post

11、Action 属性，表单提交的地址

12、文本域：

Text

Value属性，控制默认值

Size 属性，控制表单显示多少个字符

Maxlength属性，限制表单最多输入几个字符

Readonly属性，控制表单的内容为只读的

密码

Name属性和 id属性通常都是用来定位到某个表单的

十、HTML 图像

1、背景图片 background="eg_background.jpg">

2、排列图片 align属性对齐方式：bottom middle top

3、调整图像尺寸 "height" 和 "width" 属性

4、替换文本 alt属性

5、制作图像链接 <a href="xxx"><img src="xxx" /></a>

6、img图像映射通过<img/>后添加<map>和<area>设置

图像映射：

<map>元素表明映射的开始，他只有一个name属性

<area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。

area元素的属性：

shape：rectangle\poly\circle 映射区的形状

coords：指定区域的坐标。

href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref="nohref"

target：和<a>一样

HTML 复习

“相关推荐”对你有帮助么？