OK,虽然很困,但是我也要完成今天的任务。
那我就从html的基本语法开始学吧。
一.Html语法:
HTML主要由标签构成,标签是HTML中比较重要的,但可能后边学了css可能就用不到标签了吧,不管怎样我都要整理下标签
1. 标签由开始标签起头,一定要有对应的结束标签收尾,如<body>起头的标签必须有</body>结束。但是呢也有特殊,有部分标签,默认情况下省略结束标签如<p>和<div>等。
2. 标签中的属性必须在标签内部的括号内。
3. 对一个文本使用多个标签时必须要按照嵌套的原则。
二.Html文档的结构
Html文档由<html>标签启并由</html>结束,然后就是几个必有的标签,<head>标签,<title>标签以及很重要的<body>标签这是我们最主要写的地方。
1. 头标签<head>
头标签比较特别一般来说只能有6个标签放在头标签内,这个地方具体头标签能做什么还没了解,除了<meta>,<title>还有<link>,<base>,<style>,<script>这四个标签,下面分别介绍这几个标签
1.1<meta>标签
<meta>是HTML文档<head>标签的一个辅助标签。<meta>标签有两个重要的属性:name和http-equiv,通常被用于优化页面被搜索的可能。具体的写法是在name后边输入属性,在content后边输入对应的属性的具体描绘的词汇。
(1)首先说他的第一个作用就是给搜索引擎的一些东西那什么可以告诉搜索引擎呢主要有下边几个。
<1> keywords:向搜索引擎说明页面的关键字,content后边输入供搜索的具体关键字。
<2>description:向搜索引擎描述主要的内容
<3>generator:向页面描述生成的软件名,content后边输入具体的软件名称。
<4>author:网页设计者,content后面输入设计者的名称
<5>robots:限制搜索的防暑,content后面输入all,none,index,noindex,follow或nofollow,分别有不同的作用,限制页面被搜索的方式。
(2)第二个属性http-equiv,其作用是反馈给浏览器一些明确的信息,来帮助浏览器更精确的展示页面。如下面的代码
<head>
<meta http-equiv=”content-type”content=”text/html;charset=gb2312”>
</head>
是告诉浏览器该页面是使用字符集gb2312,即国际汉子码。如果当使用者浏览器有这段代码的页面时,计算机内又没有gb2312字符集,浏览器会提示使用者“需要下载xx语支持”,还有一些很实用的特殊的效果我就归为第三类吧,实际他是第二个属性下的,但介于他的重要性就归为第三类吧。
<3>页面自动跳转效果看下下边的代码
<html>
<head>
<tile>页面跳转实例</tile>
<meta http-equiv=”refresh”content=”6;url=http://www.baidu.com/”>
</meta>
</head>
<body>
6s后自动跳转到百度
</body>
</html>
此例子中注意以下几点
1. refresh:对属性的具体描述,说明是令页面自动跳转的效果
2. Content:后边输入等待的时间,url后面输入跳转的网页的链接地址
3. Content=”6;url=...”:作用是令页面在6秒后自动跳转到设置好的某个网页。如果去掉url跳转的地址,所起的作用是令页面6秒刷新一次。
1.2头标签的<link>标签。
<link>标签定义一个外部文件的链接,经常用于连接外部的css样式。
1.3<base>标签
目前还不知道有啥用,到接触到了再回来补充吧
需要注意的是,<link>和<base>这两个标签不需要结束标签。
1.4<style>标签
<style>标签用来定义css的样式。后边学到css就明白了
需要注意的是<style type=”text/css”>是XML的标准格式,更严格的写法。一般情况下,省略text/css也是可以,大部分浏览器都能识别<style>标签,不过不提倡这种写法,严格写法才能避免出错。
1.5<script>标签
<script>标签用来定义页面内的脚本,如页面中常用的脚本语言JavaScript,通过<script>的事
件属性放入HTML文档中。使用方法如下
<script type=”text/javascript”>
</script>
1.6标题标签<title>这个就是页面标题吗,不需要过多介绍。
2. .以上全为头标签中的几个标签而主体标签<body>标签是我们主要的施工现场。
不过body标签也没啥好说的就是一个身体吗,具体内容还是看自己往里边加什么
小结:HTML像人的身体分为头和身体,头又包括那6个标签,身体是人的主体。
另外复制了别人的一个博客具体的meta标签的作用以及例子
页头meta标签