HTML常用信息

HTML分段显示

大家应该发现一个问题,在文本编辑器里编辑的代码无论怎样给文字换行,在浏览器里显示的都是一行.大家可以试试下面两个例子

<body>
    在这里<a href="http://www.cnblogs.com/JSWBK/">学习XHTML</a>!
    开始学分段!
    恩?不好用?
</body>

我们可以把上面的代码复制到文本编辑器中,文本编辑器中的代码虽然换行了,但是实际页面并没有换行,这是因为浏览器并不认识记事本里的空格与回车,所以只有加一个标签,让浏览器知道

示例

<body>
    <p>在这里
        <a href="http://www.cnblogs.com/JSWBK/">学习XHTML</a>!
    </p>
    <p>开始学分段!</p>
    <p>啊!可以了!</p>
</body>

p标签是paragraph的缩写,是段落的意思.由<p></p>组成的元素可以显示成一个段落.

 

HTML换行

前面我们学会了分段显示.可是怎样在一个段落中换行呢?答:使用br标签

<body>
    在这里<a href="http://www.cnblogs.com/JSWBK/">学习XHTML</a>!
    <br />
    开始学换行!<br />
    再换行<br />
</body>

HTML强调与斜体

可以把文字加重(强调)或斜体显示

示例

<strong>强调</strong>
<em>斜体</em>

 HTML按标题显示

示例

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

上面是六个标题标签,字体大小是从大到小顺序的,h1最大,h6最小

 

HTML大于与小于

3<4

上面这个表达式怎么显示? 如果原封不动的写入HTML文件中是不会正常显示的.因为小于号是一个HTML实体

什么是HTML实体?

键盘无法表示的符号,或者HTML本身要用的符号,比如 HTML标签的开始<,与结尾>,还有属性值需要使用的"引号等

遇到这种情况时需要使用HTML实体来显示(参见HTML 实体)

&lt; 可以显示 < (小于号)

&gt; 可以显示 > (大于号)

所以上面的 3<4 的式子,要这样表示:

3&lt;4

HTML空格

如何在网页中插入HTML空格

通常在网页中插入一个空格的时候可以使用普通的空格。

示例

<p>空 格</p>

上面的示例中空格两个字中间有一个空格,但是如果有多个空格在网页中将显示为一个,同学们可以自己试一下。

HTML空格实体插入多个空格

可以使用&nbsp;表示是一个空格。这种编码称为HTML实体

示例

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

上面的代码插入了5个空格。

 

 
 
posted @ 2016-06-20 10:35  逝意遨游  阅读(201)  评论(0编辑  收藏  举报