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>
是不是很简单,下面在让我们认识另一个标签,链接标签。
<a>标签:通过使用<a>标签,在html中创建链接,它也是双向标签哦。例如
<a href=”网页的地址,也可以是本地其它文件”>显示链接的文字</a>
以百度为例:
<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>
<a>标签中有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表示在新窗口打开。
也许会有人问要是有十个二十个链接,这样一个个敲很麻烦。
下面要学的标签就是和这有关。
<base>标签定义是为页面所以的链接规定打开方式,它是单向标签。如图
在<a>标签把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>
<meta>元素,它是单向标签。
<meta>用于规定页面的描述,关键字,文档的作者,最后修改时间以及其它元数据。
<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属性来索引你的页面。
在<body>标签中的属性,属性之间用空格隔开。
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 ,如需转载请自行联系原作者