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

HTML学习01

2016-03-23 17:57 302 查看

<html>标签元素

1.用法：（1）在html静态网页中，具有唯一的<html>开始标签和 </html>结束标签

（2）在html标签前，加入<!DOCTYPE HTML>声明，这样网页css样式才能全部生效

<
4000
h1 class="title" style="margin:0px;padding:10px 10px 16px;font-size:24px;line-height:33px;font-family:tahoma, 'microsoft yahei', '微软雅黑';border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:rgb(245,245,245);color:rgb(51,51,51);text-indent:18px;">
html <head>标签

1.用法：head标签位于<html>标签后 <body>标签前，并以<head>开始以</head>结束

2.<head>标签内包含的标签：

（1）<title></title>标签是网页唯一标题标签；位于head标签内；不会显示在内容区上，而是显示在浏览器的顶部或浏览器多窗口选项卡处；对于网页的搜索关键字起到很大作用

  （2）<base>标签是网页默认打开方式的声明标签；格式：<base target="_blank" href="URL地址" />，其中_blank表示在新窗口打开url链接，如果设置为_parent则为在本网页刷新全新打开对应的url地址；用法：当网页中的<a超链接没有设置打开方式与链接地址时，浏览器将默认获取base标签设置的元素，补给<a的超链接

（3）<link href = .... > link标签是一个链接标签，包括外部css文件引用，js文件引用，收藏夹favicon.ico 图标引用等作用；标签的书写格式<link ... ... />;特别说明：<link>标签不一定必须放置在<head>标签内（推荐），也可以放置在<body>下，效果相同。

例如：链接外部css样式，link标签的内容结构：href值为外部资源地址，这里是css地址 rel定义当前文档与被链接文档之间的关系，这里是外
  部css样式表所以为stylesheet  type规定被链接文档的MIME类，这里值为text／css

<link href="img/divcss5.css" rel="stylesheet" type="text/css" />

例如：链接收藏夹图标，link标签的内容结构： href值为外部资源地址，这里是收藏夹图标地址   rel定义当前文档与被链接文档之间的关系，这里是外部icon图标属性  type规定被链接文档的MIME类，这里值为image/x-icon

<link rel="icon" href="favicon.ico" type="image/x-icon" />

（4）<meta ... >meta标签包含广泛的内容标签，如网页关键字、网页介绍、作者、网页编码、 robots、自动跳转等声明及说明标签

<meta http-equiv="Content-Type"content="text/html;
charset=utf-8" />

网页为中文（还可填写BIG5繁体；iso－8859-1英语）

<metaname="format-detection"content="telephone=no"
/>

不把页面中的数字当成电话号码链接默认是开启的（还有email＝no不识别邮箱，adress地图）

缩放及是否支持手动缩放

<meta name="author" content="Evance" />

网页制作者信息

<meta name="keywords" content="abc,xxx,defg,xyz"
/>

网页关键字声明（搜索引擎优化）

<meta
name="description" content="简介内容如本页div+css教程之meta标签说明-www.divcss5.com"
/>

网页简介说明

<meta
http-equiv="Window-target" content="_top" />

防止别人在框架里调用你的页面

<meta
http-equiv="Refresh" content="5;URL=http://www.divcss5.com" />

自动跳转（让网页在多少秒后自动从当前页面跳转到另外一个页面或网站；Content后跟值为当前页面在多少时间跳转；Url值为跳转到具体网页网站）

<meta name="robots" content="all" />

网页告诉搜索机器人向导对此网页操作（用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引；content的参数有all,none,index,noindex,follow,nofollow。默认是all。如果在一个页面不加入此标签默认情况下content="all"意思是搜索并收录抓取爬行此网页及此网页指向页面）

（5）script标签是引入外部js文件的作用

<script src="js/index.js" type="text/javascript"></script>
链接外部js，scriipt标签的内容结构：
src值为外部资源地址，这里是js文件地址，相当于link标签href链接外部css文件；
type规定被链接文档的MIME类；
<script>标签和link标签一样，不一定必须放置在head标签中，可以放置在任何地方

（6）style标签直接嵌入网页的js或css文件的标签首先<style></style>是一对有开始与结束的闭合标签。

放置CSS样式
<style type="text/css"></style>中间用于放CSS样式代码。
在HTML中CSS代码只有放置在其<style type="text/css">标签内才能生效。

放置JS代码
<style type="text/javascript"></style>
在HTML中JS代码一般放入<style type="text/javascript">标签内

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

标签：

相关文章推荐

新的分享

章节导航