您的位置：首页 > Web前端 > HTML

html基础-1

2014-07-14 20:07 162 查看

1、HTML：超文本标记语言 (Hyper Text MarkupLanguage)，对大小写不敏感，建议用小写。

2、<html> 与 </html> 之间的文本描述网页

3、<body> 与 </body> ：可见的页面内容

      <body bgcolor="yellow">

4、<h1> 与 </h1> ：标题（h1~h6），标题的前后自动添加空行。

      <h1 align="center">This is heading 1</h1>

5、<p> 与 </p> ：段落，段落的前后自动添加空行。

6、<a>与 </a>：链接，在 href 属性中指定链接的地址。

      <a href="http://www.w3school.com.cn" target="_blank" style="text-decoration:none" >This is a link</a>:无下划线，

      target 属性设置为 "_blank"，该链接会在新窗口中打开。

      使用图片作为链接：

      <a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a>

      <a href="#04">跳转到本页04章节</a>

7、<img>与 </img>：图片

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

8、<br />：换行

9、<hr /> ：水平线。

10、属性：以名称/值得形式出现。比如：name="value"，

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

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

name='Bill "HelloWorld" Gates'

11、注释：

12、引入外部样式

<head>

<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >

</head>

13、内部样式

<head>

<style type="text/css">

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

14、内联样式（会覆盖内部样式或外部样式）

<p

style="color: red; margin-left: 20px"

>This is a paragraph</p>

15、

<style>	定义样式定义。
<link>	定义资源引用。
<div>	定义文档中的节或区域（块级）。
<span>	定义文档中的行内的小块或区域。

16、alt 属性：可替换的文本。

<img src="boat.gif"

alt="Big Boat"

>

17、图像标签

标签	描述
<img>	定义图像。
<map>	定义图像地图。
<area>	定义图像地图中的可点击区域。

18、

表格	描述
<table>	定义表格
<caption>	定义表格标题。
<th>	定义表格的表头。
<tr>	定义表格的行。
<td>	定义表格单元。
<thead>	定义表格的页眉。
<tbody>	定义表格的主体。
<tfoot>	定义表格的页脚。
<col>	定义用于表格列的属性。
<colgroup>	定义表格列的组。

19、

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

20、

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

21、分组标签

标签	描述
<div>	定义文档中的分区或节（division/section）。
<span>	定义 span，用来组合文档中的行内元素。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html入门

相关文章推荐

新的分享

章节导航