标签的说明

HTML大小写

  • HTML是不区分大小写的
  • 比如 Headhead 是一样的,不区分
  • 不过呢!建议大家还是用小写比较好,最新的XHTML是要求小写的

标签的分类

  • 标签有结束标签开始标签
  • 有一些标签是没有结束标签的,它就是单标签(空元素)
  • 例如:<br/> 换行、<hr/> 水平线
<br/>    <!-- 换行 -->
<hr/>    <!-- 水平线 -->Code language: HTML, XML (xml)

浏览器的容错性是很强大的,比如 <hr/> 写成 <hr> 也能正常显示

标签的属性

  • 属性是一些键值对,放在开始标签里面,格式是 key=value
  • 比如:<a href=""> </a>
  • 属性可以有多个,空格隔开就行
<a href="http://www.foxdevelop.com" target="_blank" title="点击进入">进入foxdevelop</a>Code language: HTML, XML (xml)

HTML空格的输出

  • 空格在HTML源码里是看不到的,所以需要一个符号来代替它,这个就是转义字符
  • 格式:&关键字;
  • 比如空格的转义字符:&nbsp;
<p>你好&nbsp;&nbsp;&nbsp;世界</p>   <!-- 显示:你好   世界 -->Code language: HTML, XML (xml)

<pre> 标签 —— 按原格式输出

  • <pre> 标签里的内容会按照原始格式原样输出
  • <pre> 里面,空格是不会被忽略的
<pre>
    这是    预格式化的
    文本,空格和换行
    都会原样保留
</pre>Code language: HTML, XML (xml)

浏览器的容错性

  • 浏览器的容错性是很强大的
  • 就算你写得不规范,它也会尽量帮你”猜”出来然后呈现
  • 比如 <hr/> 写成 <hr> 也能正常显示水平线
  • 不要依赖这个,写规范才是正道

本节代码

<html>
	<head>
		<title>这是我第二个网页</title>
	</head>
	<body>
	    <h1>h1</h1>
		<h2>h2</h2>
		<h3>h3</h3>
		<h4>h4</h4>
		<h5>h5</h5>
		<h6>h6</h6>
		<h7>h7</h7>
		<p>段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落</p>
		<a href="http://www.dottext.net">进入dottext</a>
		                   
		<br/>
		<img src="http://offlintab.firefoxchina.cn/static/img/search/baidu_web.png"/>
		<hr/>
		今天天气不错,很晴朗!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<hr/>
		         <pre>你好吗!        
				                  ^(* ̄(oo) ̄)^     我很好</pre>
								  <hr>
								  我就是要空格,                   但是如果是在全格       的情况下输出空格是不会忽略的
								  <hr>
	</body>
</html>Code language: HTML, XML (xml)

Previous:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注