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

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

2017-01-10 20:57 169 查看

标签的使用和介绍

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

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

标签：

相关文章推荐

新的分享

章节导航