HTML5超文本标记语言的实现方法

HTML5：超文本标记语言

html5：用来表达是什么，而不是表达格式

标记

段落（一般欣赏器不换行）

分段

——段落，末了呈现的效果（如是否空行等等，由欣赏器来决定）

段内分行[code]<br>[/code]无竣事标记

第一级标题[code]<h1></h1>[/code],可作六级标题，数字越大，字符越小（内含主动换行）

拆单词[code]<wbr></wbr>[/code]，告诉欣赏器此单词可分开，以保证右对齐

连续的两层标题[code]<hgroup></hgroup>[/code]

字体样式

加粗[code]<b></b>[/code],斜体[code]<i></i>[/code],可嵌套

打字机的字体[code]<tt></tt>[/code],字缩小[code]<small></small>[/code]

删除[code]<del></del>[/code]参加[code]<ins><ins>[/code]

不被提倡的[code]<s></s>[/code]效果与del雷同

上标( 平方)[code][/code],下标[code][/code]

高亮[code]<mark><mark>[/code]

短语格式

强调[code]<em></em>[/code]着重[code]<strong></strong>[/code],定义[code]<dfn></dfn>[/code]，代码（小段）[code]<code></code>[/code]，例子代码[code]<samp></samp>[/code]，用户输入[code]<kbd></kbd>[/code]，变量[code]<var></var>[/code]，引用[code]<cite></cite>[/code]

特别格式

地点[code]<address></address>[/code]，缩进（可嵌套）[code]<blockquote></blockquote>[/code]，小引用[code]<q></q>[/code],不做格式重排（可原本展示原有格式）[code]<pre></pre>[/code]

属性

参加分割线[code]<hr>[/code]，无竣事符号，[code]<hr width=50%>[/code](width=50,占50个像素点),分割线长度占页面50%，高度size=10，align=lest 靠左，缩写[code]<abbr title="中华人民共和国">PRC</abbr>[/code]

[code]<bdo dir=rtl><bdi></bdi></bdo>[/code],文字从右向左排

小于符号/大于符号：a<2——[code]a&lt;2[/code],a>2——[code]a&gt;2[/code],&:[code]&amp;[/code],不可打断的空格[code]&nbsp;[/code]ü——[code]&uuml;[/code],Ü——[code]&Uuml；[/code]

列表

形成文字前的·（形成文字前的数字，即将[code]<ul>[/code]酿成[code]<ol>[/code]）

若用[code]<ol strart=-1>[/code],则第一个项目标号-1

形成词条 方糖 方的糖，甜的

图片

在html中被看做一个字符，从左往右与字符一起排[code]<img src="mama.jpg(可加其他网站的网址)" width="200" alt="mama"(放在图片底层，以免加载不出)/>[/code]，传统上属性的值加引号，gif，jpg，png其他格式不一定可在欣赏器看，参加网页[code]<iframe src="http://....com"><iframe>[/code],可加width hight属性

链接

1.[code]<a href="http: "（协议非常重要，要是没有会找当前目次下）>网易消息</a>[/code]，在文字“网易消息上”加超链接

2.导航至该网页里的某一段落：在某一段落的[code]<p>[/code]中写上[code]<p id="haha">[/code](h1,h2也可以用)，用超链接[code]<a href="you.html #haha">前往you网页的位置</a>[/code]

如有[code]<a href="http://news.163.com" target=-blank(创建新的空缺页面)>网易消息</a>[/code]

在图形上创建超链接

表格

[code]<table></table>[/code],大表格有

[code]<table>:此时无格子线<table border="1">:此时有格子线[/code]

`表格`

列宽会根据表格主动调解

到此这篇关于HTML5超文本标记语言的文章就介绍到这了,更多干系HTML5超文本标记语言内容请搜索脚本之家从前的文章或继续欣赏下面的干系文章，盼望各人以后多多支持脚本之家！