html基础进阶
分类:web前端

意义

1.HTML 链接是经过标签 <a> 来定义的.
<a href=";

HTML可定义超级多供格式化输出的要素,比方粗体和斜体字。

体制属性:

  • abbr 缩写词。
  • acronym 首字母缩写词。

2.HTML 图疑似经过标签 <img> 来定义的.
<img src="logo.png" width="258" height="39" />

HTML文本格式化实例

<body style="background-color:blue">

用法

3.有个别标签的选取,切记全体标签都需求关闭,不管是单体标签或然成对标签。(就算这几天浏览器是识别有个别标签不闭合的气象,但是取的最佳的管教宽容性,使用密封)
标签写法要用小写字母(某个版本对大小写可认为形似,而xhtml中威胁行使小写)

文本格式化

<h1 style="font-family:times;color:blue;font-size:30px">title1</h1>

五个标签均有品质 title,日常用来代表完全的词。

4.标题很关键
请保管将 HTML 标题标签只用于题目。不要只是是为了转移粗体或中号的文本而采用标题。
招来引擎使用标题为你的网页的组织和内容编排索引。
因为客户能够透过题目来快速浏览您的网页,所以用标题来展现文书档案构造是很关键的。
有道是将 h1 用作主标题(最重要的),其后是 h2(次重大的),再其次是 h3,以此类推。

<html>

<p style="text-align:center">pagraph1</p> 

<abbr title="Minimum">Min</abbr>
<acronym title="Portable Document Format">PDF</acronym>

5.<p>标签是上下均有空行的.浏览器会活动地在段落的内外加多空行。(</p> 是块级成分)
小心:四个P标签的五个换行会被统风流浪漫三个,八个之间只会有一个换行。

<body>

</body>

大家能够看来,acronym 与 abbr 不一样的是,它只使用各种单词的首字母。

6.题目字号
<h1>这是1号标题</h1>
<font size="6">那是6号字体文本</font>
<font size="6" ><b>那是6号字体文本</b></font>那样就和<h1>标签同样了,都以粗体了

<br/>

格式化:

效果

<h2>这是2号标题</h2>
<font size="5">那是5号字体文本</font>

<strong>This text is big</strong>

1、文本格式化,在八个html中对文本进行格式化

在 IE7(不含 IE6)、Firefox、Chrome、Opera、Safari 中,鼠标移上去时,均会来得 title 值。而在 Firfox 和 Opera 中,缩写词还标有虚线的下划线。

<h3>这是3号标题</h3>
<font size="4">那是4号字体文本</font>

<br/>

<b></b> --- bold 

适用范围

<h4>这是4号标题</h4>
<font size="3">那是3号字体文本</font>

<big>This text is big</big>

<strong></strong> --- strong

那八个标签在 XHTML 1.0 Transitional 中均有效。

<h5>这是5号标题</h5>
<font size="2">那是2号字体文本</font>

<br/>

<big></big> --- big

示例

<h6>这是6号标题</h6>
<font size="1">那是1号字体文本</font>

<em>This text is emphasized</em>

<em></em> --- emphasized

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "; <html xmlns="; <head> <title>认识 abbr 和 acronym</title> </head> <body> <p> <abbr title="Minimum">Min</abbr> <acronym title="Portable Document Format">PDF</acronym> </p> </body> </html>

7.经常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

<br/>

<i></i> --- italic

[Ctrl+A 全体选项 提醒:您可先修正部分代码,再按运转]

8.格式化的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新手教程(runoob.comState of Qatar</title>
</head>
<body>
<b>那些文件是加粗的</b>
<br />
<strong>那些文件是加粗的</strong>
<br />
<big>那一个文本字体放大</big>
<br />
<em>这一个文件是斜体的</em>
<br />
<i>那么些文件是斜体的</i>
<br />
<small>那一个文件是压缩的</small>
<br />
其一文件包括
下标
<br />
本条文件蕴涵
上标
</body>
</html>

<i>This text is italic</i>

<small></small> --- small 

 

9.地址
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.

<br/>

<sub></sub> --- sub bottom, sample : this is contain <sub>superscript</sub>

Visit us at:

<small>This text is small</small>

<sup></sup> --- sub top, sample : this is contain <sup>superscript</sup>

Example.com

预格式文本

2、预格式化,使用 pre 标签对空行和空行格式化

Box 564, Disneyland

<html>

sample:

USA
</address>

<body<

<html>

10.abbr title概念和用法
意味着叁个缩写格局,比如"Inc."、"etc."。通过对缩写词语举办标志,您就可以知道为浏览器、拼写检查程序、翻译系统以至查找引擎分度器提供平价的音讯。
<abbr> 标签最先是在 HTML 4.0 中引进的,表示它所含有的文本是二个越来越长的单词或短语的缩写情势。
浏览器或者会基于这一个音信更换对这么些文件的展现形式,只怕用别样文件取代。可能当前盛行的浏览器对 <abbr> 标签中包含的公文还平昔不别的处理方式,可是我们无法揣测今后的本子将会怎么落实该标签。
acronym title定义和用法
<acronym> 标签署义首字母缩写词,譬喻"NASA"。通过对只取首字母缩写举办标识,您就可以预知为浏览器、拼写检查程序、翻译系统以致查找引擎分度器提供卓有成效的新闻。

<pre>

<body>

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

这是

<pre>

11.从右到左的显示:
<p>该段落文字从左到右呈现。</p>
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>

预格式文本。

保留           空格

12.<q>dasdasd</q>这些是带双引号的。

它保留了    空格

和空行

13.剔除符号和矫正符号:
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

<p>pre  标签很契合展示Computer代码:</p>

</pre>

14.链接
<p>成立图片链接:
<a href=";
<img border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

<pre>

<pre>

<p>无边框的图片链接:
<a href=";
<img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

for  i=1to10

for(int i=0;i<4;i++){

页内跳转:
<p>
<a href="#C4">查看章节 4</a>
</p>

      print   i

printf("%d",i);

<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 2</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 3</h2>
<p>这边显示该章节的内容……</p>

<h2><a id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>

<h2>章节 5</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 6</h2>
<p>这边显示该章节的内容……</p>
<br>    <br>    <br>    <br>    <br>    <br>    <br>    <br>    <br>
<br>    <br>    <br>    <br>    <br>    <br>    <br>    <br>    <br>
<br>    <br>    <br>    <br>    <br>    <br>    <br>    <br>    <br>

next  i

}

电子邮件(标题正文抄送等均有):
<p>
那是另一个电子邮件链接:
<a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送邮件!</a>
</p>

</pre>

<.pre>

</body>

</body>

</html>

</html>

“Computer输出”标签

3、“Computer输出”标签

<html>

sample:

<body>

<html><body>

<code>Cumputer code</code>

<code>computer code</code> --- 不保留盈余的空行和折行

<br/>

<khd>keyboard input</khd>

<kbd>Keyboard input</kbd>

<sample>sample text</sample>

<br/>

<var>computer variable</var>

<tt>Teletype text</tt>

<b>注释:</b>那是用于体现Computer/编写代码。

<br/>

</body></html>

<samp>Sample text</samp>

4、地址

<br/>

<address>

<var>Computer  variable</var>

writed by <a href=";

<br/>

visist us at:<br/>

<p>

example.com<br/>

<b>注释:</b>那些标签常用来突显Computer/编制程序代码。</p>

89902,at WUXI,jiangsu<br/>

</body>

CHINA

</html>

</address>

地址

5、缩写和首字母缩写

<!DOCTYPE html>

<abbr title="etcentra">etc.</abbr> --- abbreviation

<html>

<acronym title="world wide web">www</acronym>

<body>

在有些浏览器中,当你把鼠标移至缩略词语上时,title 可用于体现表达的完好版本。

<address>

仅对于 IE 5 中的 acronym 成分有效。

Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>

对此 Netscape 6.2 中的 abbr 和 acronym 成分都有效。

Vist us at:<br>

6、文字方向

Example.com<br>

<bdo dir="rtl">hello</bdo> --- bi-directional override (bdo)

Box 564.Disneyland<br>

7、块引用

USA

<blockquote></blockquote> --- 长援用,游历器插入行和外边距

</adress>

<q></q> --- 短援引,无特殊效果 包围引号

</body>

8、删除字和插入字效果

</html>

<p><del>11</del><ins>12</ins></p>

缩写和首字母缩写

<cite></cite> --- 引用,引证 作文的标题

<html>

<dfn></dfn>  --- 定义二个类型

<body>

<abbr title="etcetera">etc.</abbr>

</br>

<zcronym> title="Word Wide Web">WWW</acronym>

<p>在好几浏览器中,当您把鼠标移至缩略词语上时,title可用于显示表明的总体版本。</p>

<p>仅对于IE 5 中的acronym成分有效。</p>

<p>对于Nerscape6.第22中学的abbr和acronym成分都使得。</p>

</body>

</html>

本文由10bet手机官网发布于web前端,转载请注明出处:html基础进阶

上一篇:没有了 下一篇:没有了
猜你喜欢
热门排行
精彩图文