码迷,mamicode.com
首页 > 编程语言 > 详细

HTML(超文本标记语言)

时间:2015-11-17 01:37:42      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:

HTML作为超文本标记语言,相对其他语言来说比较简单,但功能还是很强大。通常用来网页制作等。当然还有其他用途,自己可以去百度了解。

以下为归纳的知识点,比较实用。

 

标记

类型

译名或意义

作 用

备注

文件标记

 

 

 

 

<html>

文件声明

让浏览器知道这是 html 文件

 

<head>

开头

提供文件整体资讯

 

<title>

标题

定义文件标题,将显示于浏览顶端

 

<body>

本文

设计文件格式及内文所在

 

排版标记

 

 

 

 

<!--注解-->

说明标记

为文件加上说明,但不被显示

 

<p>

paragraph

段落标记

为字、画、表格等之间留一空白行

 

<br>

换行标记

令字、画、表格等显示于下一行

 

<hr>

水平线

插入一条水平线

 

<center>

居中

令字、画、表格等显示于中间

反对

<pre>

预设格式

令文件按照原始码的排列方式显示

 

<div>

区隔标记

设定字、画、表格等的摆放位置

 

<nobr>

不折行

令文字不因太长而绕行

 

<wbr>

建议折行

预设折行部位

 

字体标记

 

 

 

 

<strong>

加重语气

产生字体加粗 bold 的效果

 

<b>

粗体标记

产生字体加粗的效果

 

<em>

强调标记

字体出现斜体效果

 

<i>

斜体标记

字体出现斜体效果

 

<tt>

打字字体

courier字体,字母宽度相同

 

<u>

加上底线

加上底线

反对

<h1>

一级标题标记

变粗变大加宽,程度与级数反比

 

<h2>

二级标题标记

将字体变粗变大加宽

 

<h3>

三级标题标记

将字体变粗变大加宽

 

<h4>

四级标题标记

将字体变粗变大加宽

 

<h5>

五级标题标记

将字体变粗变大加宽

 

<h6>

六级标题标记

将字体变粗变大加宽

 

<font>

字形标记

设定字形、大小、颜色

反对

<basefont>

基准字形标记

设定所有字形、大小、颜色

反对

<big>

字体加大

令字体稍为加大

 

<small>

字体缩细

令字体稍为缩细

 

<strike>

画线删除

为字体加一删除线

反对

<code>

程式码

字体稍为加宽如<tt>

 

<kbd>

键盘字

字体稍为加宽,单一空白

 

<samp>

范例

字体稍为加宽如<tt>

 

<var>

变数

斜体效果

 

<cite>

传记引述

斜体效果

 

<blockquote>

引述文字区块

缩排字体

 

<dfn>

述语定义

斜体效果

 

<address>

地址标记

斜体效果

 

<sub>

下标字

下标字

 

<sup>

上标字

指数(平方、立方等)

 

清单标记

 

 

 

 

<ol>

顺序清单

清单项目将以数字、字母顺序排列

 

<ul>

无序清单

清单项目将以圆点排列

 

<li>

清单项目

每一标记标示一项清单项目

 

<menu>

选单清单

清单项目将以圆点排列,如<ul>

反对

<dir>

目录清单

清单项目将以圆点排列,如<ul>

反对

<dl>

定义清单

清单分两层出现

 

<dt>

定义条目

标示该项定义的标题

 

<dd>

定义内容

标示定义内容

 

表格标记

 

 

 

 

<table>

表格标记

设定该表格的各项参数

 

<caption>

表格标题

做成一打通列以填入表格标题

 

<tr>

表格列

设定该表格的列

 

<td>

表格栏

设定该表格的栏

 

<th>

表格标头

相等于<td>,但其内之字体会变粗

 

表单标记

 

 

 

 

<form>

表单标记

决定单一表单的运作模式

 

<textarea>

文字区块

提供文字方盒以输入较大量文字

 

<input>

输入标记

决定输入形式

 

<select>

选择标记

建立 pop-up 卷动清单

 

<option>

选项

每一标记标示一个选项

 

图形标记

 

 

 

 

<img>

图形标记

用以插入图形及设定图形属性

 

连结标记

 

 

 

 

<a>

连结标记

加入连结

 

<base>

基准标记

可将相对 url 转绝对及指定连结目标

 

框架标记

 

 

 

 

<frameset>

框架设定

设定框架

 

<frame>

框窗设定

设定框窗

 

<iframe>

页内框架

于网页中间插入框架

ie

<noframes>

不支援框架

设定当浏览器不支援框架时的提示

 

影像地图

 

 

 

 

<map>

影像地图名称

设定影像地图名称

 

<area>

连结区域

设定各连结区域

 

多媒体

 

 

 

 

<bgsound>

背景声音

于背景播放声音或音乐

ie

<embed>

多媒体

加入声音、音乐或影像

 

其他标记

 

 

 

 

<marquee>

走动文字

令文字左右走动

ie

<blink>

闪烁文字

闪烁文字

nc

<isindex>

页内寻找器

可输入关键字寻找于该一页

反对

<meta>

开头定义

让浏览器知道这是 html 文件

 

<link>

关系定义

定义该文件与其他 url 的关系

 

stylesheet

 

 

 

 

<style>

样式表

控制网页版面

 

<span>

自订标记

独立使用或与样式表同用

 

 

HTML(超文本标记语言)

标签:

原文地址:http://www.cnblogs.com/szm666888/p/4970484.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!