首页 > Web开发 > 详细

HTML5基础

时间:2018-03-21 21:55:58      阅读:299      评论:0      收藏:0      [点我收藏+]
指定网页标题和元标记符:
<title></title> 需放在<head>标签内。

<meta>标记符作用:
定义网页关键字。可将用户重定向到另一页。
可指定字符编码。

例如:
重定向:
例如:<meta http-equiv="" content=" ; url= ">
在<head>部分加入:<meta charset="utf-8">

只换行,不开始新的段落,使用单标记符<br>
xhtml代码: 单标记符要以一个空格和一个斜杠(/)结尾。

用标记符来格式化文本
标题标记符:<h1>到<h6> 定义标题(由大到小)

HTML5引入新标记符:<hgroup></hgroup> 有多个子标题,可用该标记符集合。

应用粗体和斜体格式:
粗体和斜体用<b></b>和<i></i>标记符表示。要格式化的内容包含在中间。
同时使用两种格式:
嵌套: <b><i>内容</b></i>
如果用<b><i>开始,就要用</i></b>结束。

上标的标记符是<sup>; 下标的标记符是<sub>.

应用上标和下标格式:
上标格式使文字变小并把它提到基线以上。
上标用于数学公式中的指数格式。

下标格式使文字变小并把它放到基线以下。下标常用于化学公式。

使用固定宽度和预格式化文字:
固定宽度的标记符:
<kdb> 指定用户应该从键盘输入的内容。
<code> 用于程序代码。
<samp> 用于显示例子的文本。

<pre>标记符: 预格式化,用固定宽度显示文字,保留浏览器忽略的空格和换行符。

格式化分段引文: 设置引用.
<blockquote>标记符可以缩进文字和引文。
<blockquote>标记符有一个 cite="URL"属性。
格式:<blockquote cite="URL">
<p>内容</p>
</blockquote>
<q>标记符,用于内联引用格式化。用途:在所封装的引用文字加引号。

编号列表:<ol>, 顺序列表(ordered list)
项目符号列表: <ul> 无序列表。(unordered list)
每一个数字或项目符号列表中的项目由<li>定义。列表项目(list item)。

用起始标记符<ol>或<ul>开始一个列表。
用<li></li>标记符来封装列表中的每一项。
最后用结束标记符</ol>或</ul>来结束列表。

嵌套列表:
可以将一个列表嵌套在另一个列表中。

更改项目符号或数字符号
项目符号和编号列表可使用一个list-style-type:type属性来设置其样式。
基于样式的属性。
常用的list style Type属性值
列表样式 值 结果
项目符号列表 disc 实心圆
circle 空心圆
square 实心方块

编号列表 decimal 1,2,3,4
decimal-leading-zero 01,02,03,04,
lower-roman i,ii,iii,iv
upper-roman I,II,III,IV
lower-alpha a,b,c,d
upper-alpha A,B,C,D

应用这个属性时,将它放在起始标记符<ul>或<ol>中。
方法:<ul style="list-style-type: 值">

指定编号列表的起始数字:
可以使用<ol>标记符中的start="n"这个属性,n代表起始数字。

只更改一个单独的列表项的数字:
可以用单个列表项标记符<li>的value="n" 属性。

创建定义列表(definition list):
是展示词汇及其定义的列表。
完整的列表是包含在<dl>和</dl>标记符中的。
定义词汇包含在<dt>(definition term)标记符中。
定义文字包含在<dd>(definition description)标记符中。
格式:
<dl>
<dt>词汇</dt>
<dd>内容</dd>
</dl>

插入特殊字符:
& &(和号)
< <(小于号)
> >(大于号)
  非换行空格
¢ 分
£ 英镑
¥ 元
© 版权符号
® 注册商标
° 度
† ×××
™ 商标
± 加或减号

插入水平线
<hr> 单向标识符。
可以把网页中的文字分成不同的区域。
可已只通过在<hr>标记符的style="attributes"属性中直接设置外表样式。
可以设置的属性有颜色(color),背景颜色(background-color),宽度(width)和高度(height).

HTML识别下列16种基本颜色:
Aqua(水绿色), Black(黑), Blue(蓝), Fuchsia(紫红色),
Gray(灰),Green(绿), Lime(石灰), Maroon(栗色),
Navy(海蓝),Olive(橄榄绿), purple(紫), Red(红)
Silver(银), Teal(蓝绿色), White(白), Yellow(黄)

选择背景颜色和前景颜色:

背景颜色的应用:
是网页背景颜色。
<body style="background-color:yellow">
<body style="background-color:#FFFF00">
<body style="background-color:rgb(255,255,0)">
这三种背景颜色都是×××,选一种即可。

前景颜色的应用:
是网页字体颜色。用属性 style="color:color"来设置。
同时设置背景颜色和前景颜色:
例如:
<body style="background-color:black;color:white">

指定颜色:
第1种方式: 使用RGB(红-绿-蓝)值。用一系列0到255的数字来描述颜色。
第2种方式: 使用十六进制数字。十六进制数字也代表RGB值。
第3种方式:表示颜色的方法是使用扩展名称。

背景颜色的应用:
为整个网页指定背景颜色,在起始标记符<body>中插入style="background-color:color"属性。
属性值可以使用颜色名称(yellow),RGB值或十六进制数值。
例如:
<body style="background-color:yellow">

前景颜色的应用:
用属性style="color:color"来设置前景颜色。
例如:
<body style="background-color:yellow; color: blue">
例如:

指定背景图片文件:
在起始标记符<body>中使用style="background-image:url(image)"属性。

要想将背景图片,背景颜色和前景颜色放入同一个属性中,使用:
<body style="background-image: url(picture.jpg);color: green;
background-color:beige">

强制指定图片的重复性:
<body>中的background-repeat=属性,并指定repeat-x(在水平方向重复),repeat-y(在垂直方向重复),
或no-repeat(不重复).

强制图片固定不动:
在<body>标记符中加上background-attachment=fixed属性。

参考HTML5从入门到精通,本博文为个人总结。仅供参考。

HTML5基础

原文:http://blog.51cto.com/liyuanjie/2089595

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!