HTML标签1

<p>This is my first paragraph.</p>

 

<a href="http://www.w3school.com.cn">This is a link</a>

 

<img src="w3school.jpg" width="104" height="142" />

 

<hr /> 标签在 HTML 页面中创建水平线。

 

注释  <!-- This is a comment -->

 

换行(新行),请使用 <br /> 标签

 

 下沉<sub>subscript</sub>      上标<sup>superscript</sup>

<pre>
这是
预格式文本。
它保留了      空格
和换行。
</pre>                        //预格式文本 pre 标签很适合显示计算机代码

 

<del>二十</del>      //文字上显示删除线
<ins>十二</ins>      //下划线

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸

<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

使用 Target 属性,你可以定义被链接的文档在何处显示

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

 

锚标签和 Name 属性

<a name="label">Text to be displayed</a>

 

 

<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

 

无序列表 <ul>    //<ul type="disc">  <ul type="circle"> <ul type="square">
    <li>苹果</li>
    <li>香蕉</li>
    <li>菠萝</li>
   </ul>

 

有序列表<ol>      //  <ol type="A">   <ol type="a"> <ol type="I"> <ol type="i">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>

 

定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

浏览器显示如下:

Coffee
Black hot drink
Milk
White cold drink

定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

 ------------------------------------------------ ---------------------------------------------------------------

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='Bill "HelloWorld" Gates'
------------------------------------------------ ---------------------------------------------------------------

应该避免使用下面这些标签和属性:

标签描述
<center>定义居中的内容。
<font> 和 <basefont>定义 HTML 字体。
<s> 和 <strike>定义删除线文本
<u>定义下划线文本
属性描述
align定义文本的对齐方式
bgcolor定义背景颜色
color定义文本颜色

对于以上这些标签和属性:请使用样式代替!

将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个节,就像这样:

 

<a href="#tips">

 

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">
Jump to the Useful Tips Section
</a>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值