天天看点

HTML5基础标签一

HTML简介:

首先我们要知道html是什么:

1.     超文本标记语言。

2.     是描述网页的一种语言。

3.     不是一种编程语言,而是一种标记语言。

下面让我们来了解html标签:

1.     Html标记标签通常被称为html标签。

2.     Html标签是由尖括号包围,比如<html>

3.     Html标签通常成对出现。比如<b></b>

4.     Html标签通常都是成对出现,称为双向标签。也有一些是单向标签。比如<base/>就是单向标签。

Html的基本结构(很重要)

   <html>

  <head>

  </head>

  <body>

网页的主体内容

</body>

< /html>

Html头部元素

<head>元素:

它是所有头部元素的容器,可包含脚本,提示浏览器在何处可以找到样式表,提供元素,设置网页标题。

<title>标签,它是双向标签。定义网页标题。如下

先在记事本敲下:

 <html>

  <title>我的第一个网页</title>

如图

<a href="https://s2.51cto.com/oss/201711/04/eebc9831b225d7321331f136b0c78a72.png-wh_500x0-wm_3-wmp_4-s_1662056471.png" target="_blank"></a>

保存并把扩展名改为html

<a href="https://s5.51cto.com/oss/201711/04/a5b0a720bd7da56c716419f56d0fe63d.png-wh_500x0-wm_3-wmp_4-s_1253644821.png" target="_blank"></a>

<a href="https://s3.51cto.com/oss/201711/04/13bbf2d939fdc62a54ed3774ad234116.png-wh_500x0-wm_3-wmp_4-s_2106761662.png" target="_blank"></a>

是不是很简单,下面在让我们认识另一个标签,链接标签。

&lt;a&gt;标签:通过使用&lt;a&gt;标签,在html中创建链接,它也是双向标签哦。例如

    &lt;a href=”网页的地址,也可以是本地其它文件”&gt;显示链接的文字&lt;/a&gt;

    以百度为例:

<a href="https://s5.51cto.com/oss/201711/04/08d27f1649932d643cda6e001febc428.png-wh_500x0-wm_3-wmp_4-s_2162196334.png" target="_blank"></a>

<a href="https://s4.51cto.com/oss/201711/04/9dab92a72e7d65c3c506ba224574470b.png-wh_500x0-wm_3-wmp_4-s_486183660.png" target="_blank"></a>

&lt;a&gt;标签中有target属性

    Target属性:可以设置链接打开方式。如图

<a href="https://s2.51cto.com/oss/201711/04/710fe9e3e0841a15377fd04ab6a9dee9.png-wh_500x0-wm_3-wmp_4-s_692528340.png" target="_blank"></a>

_blank表示在新窗口打开。

也许会有人问要是有十个二十个链接,这样一个个敲很麻烦。

下面要学的标签就是和这有关。

 &lt;base&gt;标签定义是为页面所以的链接规定打开方式,它是单向标签。如图

在&lt;a&gt;标签把target属性删除,默认的打开方式是在自身窗口打开。

<a href="https://s2.51cto.com/oss/201711/04/ab082a65eeaacffbfb3db2f954260f77.png-wh_500x0-wm_3-wmp_4-s_3697548352.png" target="_blank"></a>

<a href="https://s5.51cto.com/oss/201711/04/3eaf4e0e343dca22f47853b54ddc0c34.png-wh_500x0-wm_3-wmp_4-s_172970780.png" target="_blank"></a>

&lt;meta&gt;元素,它是单向标签。

  &lt;meta&gt;用于规定页面的描述,关键字,文档的作者,最后修改时间以及其它元数据。

<a href="https://s4.51cto.com/oss/201711/04/ca3de7a9c5d9e38612ea40b6837534b7.png-wh_500x0-wm_3-wmp_4-s_2724746990.png" target="_blank"></a>

一般搜索引擎利用meta元素的name和content属性来索引你的页面。

在&lt;body&gt;标签中的属性,属性之间用空格隔开。

Bgcolor属性:定义页面背景颜色。默认背景为白色。颜色可以用英文或十六进制表示。

<a href="https://s5.51cto.com/oss/201711/04/e298115b5254615c9d88cc55b57f4a8f.png-wh_500x0-wm_3-wmp_4-s_501938656.png" target="_blank"></a>

<a href="https://s2.51cto.com/oss/201711/04/c0df1a742ed69fb7a0131b5137a08dc6.png-wh_500x0-wm_3-wmp_4-s_1391191032.png" target="_blank"></a>

Background属性:定义页面背景图像。

<a href="https://s1.51cto.com/oss/201711/04/3f1efc7db7105f54690d12660a8c93a6.png-wh_500x0-wm_3-wmp_4-s_1191640348.png" target="_blank"></a>

<a href="https://s3.51cto.com/oss/201711/04/9c3179965f7297aeda182c3de1514751.png-wh_500x0-wm_3-wmp_4-s_3260287310.png" target="_blank"></a>

如果图像在桌面直接写入图像名,如果在磁盘中要写入图片所在的路径。

Text属性:定义页面文字的颜色。

Link属性:可链接文字的颜色。

Alink属性:已经被点击的可链接的文字的颜色。

Vlink属性:点击(访问)过的可链接的文字颜色。

Leftmargin属性:定义网页的左边距。

Topmargin属性:定义网页的上边距。

我就不一一例举啦

今天就写这么多吧。

                                                                —牛建南—

                                                            2017/11/4

本文转自

新网学会 51CTO博客,原文链接:http://blog.51cto.com/xwxhvip/1978987 ,如需转载请自行联系原作者

继续阅读