HTML知识回顾

最新推荐文章于 2024-03-16 16:59:41 发布

oneday110

最新推荐文章于 2024-03-16 16:59:41 发布

阅读量272

点赞数

本文链接：https://blog.csdn.net/oneday110/article/details/52787837

版权

网页

组成部分：结构、表现和行为 (HTML、CSS、JavaScript)

HTML 超文本标记语言

CSS 层叠样式表

JavaScript 脚本语言

Ajax (Asynchronous JavaScript And XML) 异步JavaScript和XML

SEO (Search Engine Optimization) 搜索引擎优化

HTML

1.学习HTML就是学习各种标签，然后针对你想要的内容来使用相应的标签；

2.HTML标签即“HTML元素”；

一个HTML文档由4个基本部分组成：

① 一个文档声明：<!DOCTYPE HTML>

② 一个html标签对：<html></html>

③ 一个head标签对：<head></head>

④ 一个body标签对：<body></body>

<head>标签内部标签

<title> 定义网页的标题

<base> 定义页面所有链接的基础定位

1、段落标签：<p></p>

2、换行标签：<br/>

重要的文本格式化标签

<strong> strong（加强）加粗

<em> emphasized（强调）斜体

<cite> cite（块引用）斜体

<sup> superscripted（上标）上标

<sub> subscripted（下标）下标

3种列表

标签语义说明

ol ordered list 有序列表

ul unordered list 无序列表

dl definition list 定义列表

表格结构

table 表格

caption 标题

tr 行

th 表头单元格

td 表格单元格

thead 表头（语义划分）

tbody 表身（语义划分）

tfoot 表尾（语义划分）

合并行：<td rowspan="跨度的行数">

合并列：<td colspan="跨度的列数">

img标签常用属性

src 图像的文件地址

alt 图片显示不出来时的提示文字

title 鼠标移到图片上的提示文字

（title属性的值往往都是跟alt属性的值相同，一个是给读者用户看，一个是给搜索引擎看。）

超链接

超链接根据链接对象的不同分为：

（1）外部链接

（2）内部链接：①内部页面链接；②锚点链接；

表单标签共有4个：<input>、<textarea>、<select>和<option>。

插入音频和视频、flash

设置背景音乐

loop="2"表示重复2次，loop="infinite"表示无限次循环播放，也可以使用loop="-1"表示无限次循环播放。

浮动框架iframe

scrolling="取值"></iframe>

标签语义对照表
标签名	英文全称	中文解释
div	division	分割（块元素）
span	span	区域（行内元素）
p	paragraph	段落
ol	ordered list	有序列表
ul	unordered list	无序列表
li	list item	列表项
dl	definition list	定义列表
dt	definition term	定义术语
dd	definition description	定义描述
h1~h6	header1 ~header6	标题1~标题6
hr	horizontal rule	水平线
a	anchor	锚点，超链接
strong	strong	强调（粗体）
em	emphasized	强调（斜体）
sup	superscripted	上标
sub	subscripted	下标
br	break	换行
fieldset	fieldset	域集
legend	legend	图例
caption	caption	（表格、图像等）标题
thead	table head	表头
tbody	table body	表身
tfoot	table foot	表脚
th	table header	表头单元格
td	td	表身单元格