哈喽,没错,我又来了,我是灰太狼...喜欢(吃)的懒羊羊,我接下来要记录的是HTML5文本控制标记,图像标记以及超链接标记。
文本控制标记
标题标记
基本语法格式
<hn align='对齐方式'>标题文本</hn>
#hn-->h1 h2 h3---
我们在设置对齐方式里,可以设置以下三种:
left: 设置标题文字左对齐(默认值)
center: 设置标题文本居中对齐
right: 设置标题文字右边对齐
justify:实现两端对齐文本效果(这个比较少用到)
(1)一个页面中只能使用一个<h1>标记,常常被用在网站的LOGO部分
(2)由于h元素拥有确切的语言,请慎重选择恰当的标记来构建文档结构。禁止仅仅使用<h>标记设置文字加粗或更改文字的大小
。(咳咳,我之前也有这种想法0.0)
段落标记
为了使文字排列得有序美观的显示出来,离不开段落标记,就如同我们写文章一样。而我们在HTML中,段落标记就是<p>,<br />是换行标记,在默认的情况下,段落的文字会根据浏览器窗口的大小自动换行。
<p align=''对齐方式''>段落文本</p>
<p>猫的性格实在有些古怪。说它老实吧,它的确有时候很乖。它会找个暖和的地方,成天睡大觉,无忧无虑,什么事也不过问。可是,它决定要出去玩玩,就会出走一天一夜,任凭谁怎么呼唤,它也不肯回来。说它贪玩吧,的确是呀,要不怎么会一天一夜不回家呢?可是,它听到老鼠的一点响动,又是多么尽职。它屏息凝视,一连就是几个钟头,非把老鼠等出来不可!<br/>它要是高兴,能比谁都温柔可亲:用身子蹭你的腿,把脖子伸出来让你给它抓痒,或是在你写作的时候,跳上桌来,在稿纸上踩印几朵小梅花。它还会丰富多腔地叫唤,长短不同,粗细各异,变化多端。在不叫的时候,它还会咕噜咕噜地给自己解闷。这可都凭它的高兴。它若是不高兴啊,无论谁说多少好话,它也一声不出。
它什么都怕,总想藏起来。可是它又那么勇猛,不要说见着小虫和老鼠,就是遇上蛇也敢斗一斗。</p>
注:在这里,我们也可以看出一个问题,<p>会省略掉段落的空格,所以,可以引申到css3,当然,这就是后话了。/滑稽狗头
文本格式化标记
常用文本格式化标记
标记 | 显示效果 |
<b></b>和<strong></strong> | 文字以粗体方式显示(b定义粗体文本,strong定义强调文本) |
<i></i>和<em></em> | 文字以斜体方式显示(i定义斜体字,em强调文本) |
<s></s>和<del><del> | 文字以加删除线方式显示 |
<u></u>和<ins></ins> | 文字以下划线方式显示 |
HTML5不赞成使用s,u
<p> 猫的性格实在有些古怪。说它老实吧,它的确有时候很乖。它会找个暖和的地方,成天睡大觉,无忧无虑,什么事也不过问。可是,它决定要出去玩玩,就会出走一天一夜,任凭谁怎么呼唤,它也不肯回来。说它贪玩吧,的确是呀,要不怎么会一天一夜不回家呢?可是,它听到老鼠的一点响动,又是多么尽职。它屏息凝视,一连就是几个钟头,非把老鼠等出来不可!</p>
<p><i>它要是高兴,能比谁都温柔可亲:用身子蹭你的腿,把脖子伸出来让你给它抓痒,或是在你写作的时候,跳上桌来,在稿纸上踩印几朵小梅花。</i></p>
<p><em>它还会丰富多腔地叫唤,长短不同,粗细各异,变化多端。在不叫的时候,它还会咕噜咕噜地给自己解闷。这可都凭它的高兴。</em></p>
<p><strong>它若是不高兴啊,无论谁说多少好话,它也一声不出。</strong><b>它什么都怕,总想藏起来。可是它又那么勇猛,不要说见着小虫和老鼠,就是遇上蛇也敢斗一斗。</b></p>
最后还有特殊符号,如:
空格号
< 小于号 <
> 大于好 >
在此就不一一列出来了,有需要的小伙伴可以找度娘。
下一篇总结一下图片标记以及超链接标记0.0