HTML 标题
- 通过<h1></h1>-<h6></h6>定义
- <h1>最大<h6>最小
- <hr/>可定义水平线
- <!注释>可定义注释内容
小例子:
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
HTML段落与折行
<p></p>
<br />
HTML文本格式化
标签 | 描述 |
---|---|
定义粗体文本。 | |
定义大号字。 | |
定义着重文字。 | |
定义斜体字。 | |
定义小号字。 | |
定义加重语气。 | |
定义下标字。 | |
定义上标字。 | |
定义插入字。 | |
定义删除字。 | |
不赞成使用。使用 <del> 代替。 | |
不赞成使用。使用 <del> 代替。 | |
不赞成使用。使用样式(style)代替。 |
“计算机输出”标签
标签 | 描述 |
---|---|
定义计算机代码。 | |
定义键盘码。 | |
定义计算机代码样本。 | |
定义打字机代码。 | |
定义变量。 | |
定义预格式文本。 | |
<listing> | 不赞成使用。使用 <pre> 代替。 |
<plaintext> | 不赞成使用。使用 <pre> 代替。 |
<xmp> | 不赞成使用。使用 <pre> 代替。 |
引用、引用和术语定义
标签 | 描述 |
---|---|
定义缩写。 | |
定义首字母缩写。 | |
定义地址。 | |
定义文字方向。 | |
定义长的引用。 | |
定义短的引用语。 | |
定义引用、引证。 | |
定义一个定义项目。 |
HTML的style属性
style属性可以是几乎任何表情的属性,下面来详述该属性的值
- 背景颜色设置:
background-color
<html>
<body style="background-color:yellow"> <h2 style="background-color:red">haha</h2> <br /> <img src="asdasdasd" /> <br /> <a href="http://www.baidu.com">link</a> <p style="background-color:green">hzhangxunihao</p> </body> </html>- 字体,颜色,尺寸
字体:font-family
颜色:color
尺寸:font-size
举例:
<html>
<body style="background-color:yellow"> <h1 style="font-family:verdana">a heading</h1> <p style="font-family:arial;color:red;font-zise:20px;">zhangxunihao</p> </body> </html>- 文本对齐
text-align
举例
<html>
<body style="background-color:yellow"> <h1 style="text-align:center">a heading</h1> <p>The heading above is aligned to the center of this page.</p> </body> </html>HTML链接
语法:
<a herf="url">link text</a> <!链接文本不一定是文本,也可以是图片或者其他html元素>
其他实例:
在新窗口中打开url:
<html>
<body>
<a href="WWW.BAIDU.COM" target="_blank">Visit w3school4SAE!</a>
<p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>
</body>
</html>
查看当前页面的某一位置:
<html>
<body>
<p>
<a href="#C4">查看 Chapter 4。</a></p><h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p><h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p><h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p><h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p></body>
</html>发送邮件:(已经安装邮件客户端)
<html>
<body>
<p>
这是邮件链接:<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a></p><p>
<b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。</p></body>
</html>
接下来还有一大堆元素和属性介绍,不赘述,详见: