HTML常用标签

一、什么是HTML 

       HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

---

二、HTML的骨架

        

 

---

三、标签

一、标签分类

1、带有标签体的标签都是成对出现，即有开始<标签>也有对应的</标签>,标签体中间是要包含的内容如：

        <div>
            Hello World;
            <table>
                
            </table>
        </div>

 这里的<div>和<table>标签在</div>和</table>标签中就是其要包含的或者实现某些特性的内容体

2、不带有标签体：

如<br>标签.....

二、常用标签

标题标签

<h1> - <h6>

</h1> - </h6>

随着数字的增大标题大小变小。

 

            <h1>一级标题</h1>
            <h2>二级标题</h2>
            <h3>三级标题</h3>
            <h4>四级标题</h4>
            <h5>五级标题</h5>
            <h6>六级标题</h6>

字体标签 

f<font> </font>

字体标签可以直接设置或者通过css进行设置

size：字体大小

color：字体颜色

face：字体样式

内容可以不用" "

        <font size="10"  color = "red" face="楷体">字体标签</font>

 

 

p标签

<p> </p> 

块级标签

不会自动换行（可以配合<br>）

<p>
            Hello 
            World
        </p>

        <p>
            Hello <br>
            World
        </p>

 

 

div标签

<div></div>

<div> 可定义文档中的分区或节（division/section）。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

个人使用感觉div一般搭配css使用会很有意思

类似于p标签

table标签

<table> </table>

子标签：

行标签：<tr></tr>

列标签： <td></td> 

 

  <div>
    <table width="400px  " border="2px" cellspacing=0>
        <tr class="one">
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr class="two">
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr class="three">
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </table>
    
        
</div>
 

 

tr标签是同一行的元素。

td表示列元素