【零基础学Web】Html5学习第一天

标签的使用和介绍

html中标签总类众多，第一天接触和学习了以下这些标签。

html标签是包裹着所有元素的标签，不能离开html标签进行编程
head标签就像是程序的头部，用来装一些重要的核心东西
meta标签，用来存放META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。
（注意meta是单标签）
body标签是html里用来存放我们需要编写的元素内容等，就像人类的身体
例如

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />//字符编码格式，全球通用的utf-8，适用任何字符。
        <title></title>
    </head>
    <body>

    </body>
</html>

 - <h1>这是一个标题标签</h1>    
        <h2>这是一个标题标签</h2>   
        <h3>这是一个标题标签</h3>   
        <h4>这是一个标题标签</h4>   
        <h5>这是一个标题标签</h5>   
        <h6>这是一个标题标签</h6>

这里写图片描述

-

 - <p>p这是一个段落标签</p>//p标签能使长文本呈现段落自动换行
 -  <b>b可以加粗文体</b>
 - <i>i标签可以倾斜文本</i>
 - <s>s删除线的效果</s>
 - <u>u下划线给文本</u>
 - <div>div盒子标签</div>//以后常用的div标签，用来装载元素，以后能配合样式使用
 -
 -

在html中多数标签是双标签，以<标签>开始到 </标签>结束，但也有一些标签是单标签如：

<hr/> (水平线分隔)、<br/>（换行）

- 然后今天也接触了比较重要的<a>、<table>、<img>标签。
a标签的作用，可用来页面间的跳转，和内锚点的跳转等超文本标签如
- <a href="http:www.taobao.com" target="_blank" title="点击这里进入淘宝网">淘宝网</a>
//这是跳转到外网淘宝网的，超链接使用 title是在鼠标移到按键时会有的提示语句
- <a href="跳转的目的地能使页面地址，也能是id地址等" target=""></a>
- target属性有_blank、_parent、_self、_top（规定在何处打开链接文档。）
- //内锚点跳转

- <a href="#one">内锚点</a>
 - <h2 id="one">内锚点目标</h1>

//在同一页面进行跳转，通常能用于返回顶端，尾端、或特定位置的跳转用id标目的地
table标签是表格标签

 -  - <table border="表格边框大小" cellspacing="" cellpadding=""width="表格的宽"height="表格的高"bgcolor="表格颜色"bordercolor="边框颜色">
        <tr><th>Header</th></tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

        </tr>
    </table>
    <tr></tr>//代表表格的行
    <td></td>//决定表格的列数

img标签用来把要使用的图片文件，引用进页面当中。
如：

    <a href="http://www.baidu.com/" ><img src="img/1.jpeg"/></a>

在a标签中嵌套img标签，使用方法img src="图片地址"。实现点击图片能跳转到其他页面。
不止在a标签中可以运用img标签，在众多的其他标签中也能嵌套img标签，如div等。

第一天的学习就到这里了，持续ing