HTML知识回顾

来源:互联网 发布:襄阳网络电视台官网 编辑:程序博客网 时间:2024/05/20 23:04
网页
组成部分:结构、表现和行为 (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>定义网页的标题
<meta>定义网页的基本信息(供搜索引擎)
<style>定义CSS样式
<link>链接外部CSS文件或脚本文件
<script>定义脚本语言
<base>定义页面所有链接的基础定位

1、段落标签:<p></p>
2、换行标签:<br/>

重要的文本格式化标签
<strong>strong(加强)         加粗
<em>emphasized(强调) 斜体
<cite>cite(块引用)                 斜体
<sup>superscripted(上标) 上标
<sub>subscripted(下标) 下标

3种列表
标签    语义   说明
olordered list 有序列表
ulunordered list 无序列表
dldefinition list 定义列表

表格结构
table表格
caption标题
tr
th表头单元格
td表格单元格
thead表头(语义划分)
tbody表身(语义划分)
tfoot表尾(语义划分)

合并行:<td rowspan="跨度的行数">
合并列:<td colspan="跨度的列数">

img标签常用属性  
<img src="图片地址" alt="图片描述(给搜索引擎看)" title="图片描述(给用户看)">
src图像的文件地址
alt图片显示不出来时的提示文字
title鼠标移到图片上的提示文字
(title属性的值往往都是跟alt属性的值相同,一个是给读者用户看,一个是给搜索引擎看。)

超链接
<a href="链接地址" target="目标窗口的打开方式">
超链接根据链接对象的不同分为:
(1)外部链接
(2)内部链接:①内部页面链接;②锚点链接;

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

插入音频和视频、flash
<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"/>

设置背景音乐
<bgsound src="背景音乐的地址" loop="播放次数">
loop="2"表示重复2次,loop="infinite"表示无限次循环播放,也可以使用loop="-1"表示无限次循环播放。

浮动框架iframe
<iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高"
scrolling="取值"></iframe>

标签语义对照表标签名英文全称中文解释divdivision分割(块元素)spanspan区域(行内元素)pparagraph段落olordered list有序列表ulunordered list无序列表lilist item列表项dldefinition list定义列表dtdefinition term定义术语dddefinition description定义描述h1~h6header1 ~header6标题1~标题6hrhorizontal rule水平线aanchor锚点,超链接strongstrong强调(粗体)ememphasized强调(斜体)supsuperscripted上标subsubscripted下标brbreak换行fieldsetfieldset域集legendlegend图例captioncaption(表格、图像等)标题theadtable head表头tbodytable body表身tfoottable foot表脚thtable header表头单元格tdtd表身单元格
0 0
原创粉丝点击