码迷,mamicode.com
首页 > 其他好文 > 详细

4-14 标题 段落 文本格式化 链接 头部

时间:2019-04-14 15:58:45      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:通过   不能   .com   top   支持   原因   www   The   har   

1、font---------------------------------定义文字的字体、尺寸和颜色。HTML5不支持。

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

2、当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

处理方案:可以通过pre标签对空格和换行进行控制

1 <pre>
2 此例演示如何使用 pre 标签
3 对空行和    空格
4 进行控制
5 </pre>

 

3、写在<body></body>内的内容,如果不加其他标签,在浏览器中显示时就会是原内容,不做改变。

<b></b>------------------bold 加粗黑体

<strong></strong>----加粗黑体

<i></i>-------------------italic 斜体字

<em></em>

<sub></sub>-----------subscript 下标

<sup></sup>-----------superscript 上标(奇葩方法:b和p的区别,进而区分上下标)

<code></code>-------code 代码,编码

<kbd></kbd>----------keyboard 键盘

<tt></tt>----------------typer,typewriter 打字机

<samp></samp>

计算机输出标签:

 1 <code>计算机输出</code>
 2 <br />
 3 <kbd>键盘输入</kbd>
 4 <br />
 5 <tt>打字机文本</tt>
 6 <br />
 7 <samp>计算机代码样本</samp>
 8 <br />
 9 <var>计算机变量</var>
10 <br />

4、文字输出顺序

1 <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>  

==该段落文字从右到左显示。

<bdo></bdo>-----------------------------bidirectional algorithm双向算法

rtl--------------------反序

ltr-------------------正序

5、引用

1 <p>WWF‘s goal is to: 
2 <q>Build a future where people live in harmony with nature.</q>
3 We hope they succeed.</p>

==WWF‘s goal is to: Build a future where people live in harmony with nature. We hope they succeed.

<q></q>-----------------------------------quote 引用

6、删除和插入文本

1 <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

==My favorite color is blue red!

<del></del>-----------------------------delete 删除

<ins></ins>------------------------------inserted text插入文本

7、target属性怎么用?

 百度后的结果

html target属性,一般是在a标签中使用

Target 属性,可以定义被链接的文档在何处显示。

  target="_blank"  在浏览器新窗口打开文档

 target="_parent" 这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

 target="_self" 这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。

 target="_top" 这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

1 <p>跳出框架?</p> 
2 <a href="http://www.runoob.com/" target="_top">点击这里!</a> 

 

效果:没有具体的例子,不能很好的理解。

 

8、链接

插入图片链接

1 <p>创建图片链接:
2 <a href="http://www.runoob.com/html/html-tutorial.html">
3 <img  border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
4 
5 <p>无边框的图片链接:
6 <a href="http://www.runoob.com/html/html-tutorial.html">
7 <img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

border表示边框,src表示source来源,alt为页面上的图像都加上替换文本属性。

值可以是一段文字,当图片由于各种原因无法显示时,alt属性的值就会被显示在网页上。

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的<img src="boat.gif" alt="Big Boat">在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本·的浏览器的人来说是非常有用的。

*px为像素单位

单位可以是px,也可以是%,单位为%时是指占窗体宽高的百分比大小。

 

1 <p>
2 这是一个电子邮件链接:
3 <a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">
4 发送邮件</a>
5 </p>
6 
7 <p>
8 <b>注意:</b> 单词之间空格使用 %20 代替,以确保浏览器可以正常显示文本。
9 </p>

 

4-14 标题 段落 文本格式化 链接 头部

标签:通过   不能   .com   top   支持   原因   www   The   har   

原文地址:https://www.cnblogs.com/yilyan/p/10704468.html

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