HTML常用标签(整理)
超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。现在应用主流是HTML 4.01版本,发布于1999年,为W3C推荐标准。HTML 5的第一份正式草案已于2008年1月22日公布,仍在继续完善中;部分浏览器的新版本已经支持HTML5的某些技术。
一、文字
1.标题文字:<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
2.字体变化:<font> 规定文本的字体、字体尺寸、字体颜色。在 HTML 4.01 中,font 元素不被赞成使用。请使用样式(代替 <font>)来定义文本的字体、字体颜色、字体尺寸。
<font size="[1-7]" color="[rgb(x,x,x)|#xxxxxx|colorname]">This is some text!</font>
<font size="2" face="verdana" color="green">This is some text!</font>
3.呈现小号字体:<small>文字</small> ,可以嵌套,从而连续地把文字缩小。
4.呈现大号字体 :<big>文字</big> ,可以嵌套 ,每一个 <big> 标签都可以使字体大一号,直到上限7号文本。
5.粗体字:<b>文字</b> ,是基于内容的样式标签 <strong> 的物理版本,但它没有后者的扩展意义。
6.斜体字:<i>文字</i>
7.打字机(等宽)字体:<tt>文字</tt>
8.下划线:<u>文字</u>
9.删除线:<strike>文字</strike>
10.下标字:<sub>文字</sub>
11.上标字:<sup>文字</sup>
12.文字闪烁效果:<blink>文字</blink>
13.换行:<br/>
14.段落:<p align="[left|center|right|justify]">段落文本</p>
可选属性align不赞成使用,建议用样式代替。
15.分隔线: <hr size=pixels width=[pixels|%] align=[left|right|center] noshade/>
在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用。
16.水平居中:<center>文字</center>
17.依原始样式显示:<pre>文字</pre>
18.文档主体:<body bgcolor=#rrggbb background=URL text=#rrggbb>
在 HTML 4.01 中,所有 body 元素的“呈现属性”均不被赞成使用。
二、图片
1.插入图片:<img src=URL border=pixels width=[pixels|%] height=[pixels|%] vspace=pixels hspace=pixels alt=text/>
在 HTML 4.01 中,不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。
2.图像映射:图像映射(image-map)指带有可点击区域的一幅图像。
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
三、表格
<table border=pixels bgcolor=rgb(x,x,x) align=[left|right|center]
cellpadding=pixels cellspacing=pixels width=[pixels|%]>
<tr bgcolor=rgb(x,x,x) align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline]>
<th width=[pixels|%] height=[pixels|%] rowspan=number colspan=number bgcolor=rgb(x,x,x)
align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline] nowrap>Month</th>
<th>Savings</th>
</tr>
<tr>
<td width=[pixels|%] height=[pixels|%] rowspan=number colspan=number bgcolor=rgb(x,x,x)
align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline] nowrap>January</td>
<td>$100</td>
</tr>
</table>
- 关于table标签
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
在 HTML 4.01 中,table 元素的 "align" 和 "bgcolor" 属性是不被赞成使用的。 - 关于tr标签
tr 元素包含一个或多个 th 或 td 元素。
在 HTML 4.01 中,tr 元素的 "bgcolor" 是不被赞成使用的。 - 关于th标签
th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。
在 HTML 4.01 中,th 元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 属性是不被推荐使用的。 - 关于td标签
td 元素中的文本一般显示为正常字体且左对齐。
在 HTML 4.01 中,td 元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 是不被赞成使用的。
提示:请使用 colspan 和 rowspan 属性来实现内容横跨多个行或列。
四:DIV标签
<div> 可定义文档中的分区或节(division/section)。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
<body>
<h1>NEWS WEBSITE</h1>
<p>some text. some text. some text...</p>
...
<div class="news">
<h2>News headline 1</h2>
<p>some text. some text. some text...</p>
...
</div>
<div class="news">
<h2>News headline 2</h2>
<p>some text. some text. some text...</p>
...
</div>
...
</body>
其中的每个 div 把每条新闻的标题和摘要组合在一起,也就是说,div 为文档添加了额外的结构。同时,由于这些 div 属于同一类元素,所以可以使用 class="news" 对这些 div 进行标识,这么做不仅为 div 添加了合适的语义,而且便于进一步使用样式对 div 进行格式化。
五、FRAME 框架
frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
<html> <frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset> </html>
HTML常用标签(整理)的更多相关文章
- html常用标签整理
html文档结构 <!DOCTYPE html> <html lang="zh-CN"> #这个lang表示语言,zh-CN中文的意思,整个文档的内容以中文 ...
- web.xml常用标签整理(不定期更新)
<?xml version="1.0" encoding="UTF-8"?><!-- 标明使用的XML版本和文档编码,此项必须位于第一行,之前 ...
- HTML5 常用标签整理
<!--1. html5 文本 --> <div> <header> <hgroup> <h1>h1</h1> <h2& ...
- html5画界面常用标签整理
0.顶部一张banner图片横铺 .tl-header{ width: 100%; height: auto; } <section class="tl-header"> ...
- 常见过滤器表格整理,Date,time过滤格式表;常用标签表
一.常用过滤器表 二.date.time过滤器参数表 三.模板常用标签 四.模板标签示例 ①if,for ②url解析标签 ③with缓存标签 ④autoescape的使用 ⑤注释标签(多行注释)一般 ...
- MAC机常用快捷键整理表格
MAC机常用快捷键整理表格 范围 快捷键 说明 图形 (Command 键)在某些 Apple 键盘上,此键也可能为标志() Control (Control 键) Alt Opt ...
- 常用DOM整理
常用DOM整理 前言: html为document搭建了一棵DOM树,这棵树就是有一系列Node节点所构成的.他为我们定义了文档的结构. Node类型: Node.ELEMENT_NODE(1); ...
- 帝国cms灵动标签下常用标签
这里简单整理下灵动标签下的常用标签 标题名称:<?=$bqr['title']?> <?=esub($bqr[title],22)?> 限制字符22个 标题链接:<?= ...
- javascript中字符串常用操作整理
javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...
- 第2天:HTML常用标签
今天学完主要对所学知识点进行了整理. 一.超链接ahref:www.baidu.com(跳转页面):id名(锚点跳到相应div位置):01.rar(压缩包) target:_blank(新窗口打开): ...
随机推荐
- Servlet简介与生命周期
一:Servlet是什么 Servlet是运行在Web服务器上的Java程序,作为处理来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层.JSP在w ...
- Xcode SVN配置
Xcode SVN配置 编辑 ~/.subversion/config 文件 注意:假设".subversion"文件夹不存在.请执行"svn status" ...
- django之创建第7个项目-url配置
1.配置urls.py from django.conf.urls import patterns, include, url #Uncomment the next two lines to ena ...
- gitlab webhook报500
使用root登陆gitlab,进入如下位置:
- 解决:fatal: authentication failed for https
最近使用微软的 VSTS www.visualstudio.com 代码托管后,在linux 环境拉取代码总是验证不成功. 解决办法: Use Git Credential Managers to A ...
- everything基于Windows平台快速搜索文件
在Windows搜索文件,自带的搜索效率很低.高效.速度是你忠心的选择... 速度真是杠杠的 下载: http://www.voidtools.com/downloads/ https://files ...
- 使用PHP做移动端 api接口开发方法(适用于TP框架)
1. [代码]使用TP框架时 放在common文件夹下文件名就叫function.php ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ...
- Golang 用go-sql-driver 调用MySQL存储过程时的问题排查
今天在用go-sql-driver做MySQL driver调用MySQL的存储过程时遇到一个罕见的报错.本文对这个错误及其解做一个简单的总结. 1 问题描述 按照go中sql包提供的接口,应用层代码 ...
- 我的第一个Raspberry PI装置
好吧,我先承认是这是从书上学习的第一个示例. 我入手的是Raspberry红版,版本2,看到这么小巧的卡片电脑可以做这么多事情,真是让人惊喜! 安装系统等都很顺利,启动.安装程序.远程桌面.SSH登录 ...
- Ubuntu终端命令行播放音乐(mp3)
有很多在终端命令行播放mp3的工具,有的甚至可以生成播放列表.也只有命令行重度使用者有这个需求,下面我们来看一看这些工具. Sox Sox(Sound eXchange)是操作声音文件的瑞士军刀,它可 ...