[初学HTML5日记]又是元气满满的第二天

哈喽,没错,我又来了,我是灰太狼...喜欢(吃)的懒羊羊,我接下来要记录的是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>

 最后还有特殊符号,如:

空格号 &nbsp;

< 小于号 &lt;

> 大于好 &gt;

在此就不一一列出来了,有需要的小伙伴可以找度娘。

下一篇总结一下图片标记以及超链接标记0.0

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值