html入门(详细描述)2

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文本格式化

 

标签描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式(style)代替。

 

“计算机输出”标签

标签描述
<code> 定义计算机代码。
<kbd> 定义键盘码。
<samp> 定义计算机代码样本。
<tt> 定义打字机代码。
<var> 定义变量。
<pre> 定义预格式文本。
<listing> 不赞成使用。使用 <pre> 代替。
<plaintext> 不赞成使用。使用 <pre> 代替。
<xmp> 不赞成使用。使用 <pre> 代替。

 

引用、引用和术语定义

标签描述
<abbr> 定义缩写。
<acronym> 定义首字母缩写。
<address> 定义地址。
<bdo> 定义文字方向。
<blockquote> 定义长的引用。
<q> 定义短的引用语。
<cite> 定义引用、引证。
<dfn> 定义一个定义项目。

 

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>

 

接下来还有一大堆元素和属性介绍,不赘述,详见:html命令查询

 

posted @ 2015-05-30 22:10  hitz&x  阅读(151)  评论(0编辑  收藏  举报