整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML的主体结构

TML主体标记

代码分为三部分编写

<html>              是网页文件的最外层标记
	<head>          之间的文本是头信息
		不会显示在浏览器中,包括基本的描述,整个网页的公共属性
	</head>
	<body>      是网页文件的主体部分
		正文 :文字、图片、链接、表单等
	</body>	
</html>

HTML文档头部标记

<head> 头部标记</head>

<title> </title> 只能有一个

<base /> 只能有一个

<link> 可以有多个

<meat> 可以有多个

<meat name=“” content=“”>

<meat http-equiv=“” content=“”>

title

  • 定义网页标题,显示在浏览器的标题栏中
  • 公司名称+公司产品
  • 有利于搜索引擎(也是在搜索引擎中显示的标题)

base

  • 基底网址标记
  • 用于设定浏览器中文件的绝对路径
  • 网页中的文件只需要写下文件的相路径即可,这个路径就是base中指定下的路径

link

  • 设置外部文件的链接标记
  • 用于确定本页面和其它文档之间的关系

meta两种用法

<meta name="" content="">

<meta http-equiv="" content="">

Name 用于在网页中加入一些关于网页的描述信息,网页的关键字,网页描述信息

http-equiv:属性用于在HTML文档中模拟HTTP协议的响应消息头,例如,告诉浏览器是滞缓存页面,使用什么样的字符集显示网页内容

Meta标签的name属性

不是自己定义的值:

Keywords : 网页的关键字

Description:网页的描述

Robots : index noindex follow nofollow all none

Author

copright

Meta标签的http-equiv属性设置

Content-Type

Refresh

Expires

Windows-Target

Pragma

Page-Enter和Page-Exit

主本标记<body>

在它中放置网页中所有内容

  • Text
  • Bgcolor
  • Background
  • Link
  • Alink
  • Vlink
  • Topmargin
  • Leftmargin

只要是可以用样式控制的就不用HTML本身属性

Id name class style 通用属性,所有的元素都可以使用

DTD

文档类型定义

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • Html
  • Public
  • Version
  • URL

一下html中文件标签和文本标签的使用

目的是学会使用,所以借助工具可以省好多时间

1.文件标签:构成html最基本的标签

html:html文档的根标签

head:头标签。用于引入html文档的一些属性。引入外部的一些资源

title:标题标签

body:体标签

<!DOCTYPE html>:html5中定义该文档是html

2.文本标签:和文本有关的标签

注释:<!-- 注释内容 –->

<h1> 到<h6>:标题标签自带换行的效果

<p>:表示段落的标签

<br>:换行标签<br/>和<br>的写法都不会报错

<hr>:显示一条水平线(也是一个自闭和标签)水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。

<b>:字体加粗

<i>:斜体

<font>:字体标签(通过属性来修改字体的字号,大小,颜色,以及字体的样式)

<center>:文本居然标签

这里讲下网页下面的版权标签是如何写出来的。

3.图片标签:用来展示图片的(图片也是一个自闭合标签)

属性:src:用来指定图片的位置

什么都不写默认就是./的形式

../表示上一级目录

4.列表标签:

有序列表:ol,li(li表示的是列表的每一项)

无序列表:ul,li

5.链接标签:

a:定义一个超链接

属性:

href:指定访问资源的URL(统一资源定位符,就是路径的表示形式)

target:(是目标的意思)指定打开资源的方式

_self:在当前页面打开

_blank:在空白页面打开

6.表格标签:在HTML中的表格只有行的概念,没有列的概念,将表格以行的形式进行分割,然后再对行进行操作。

table:定义表格

width:表格的宽度

border:边框

cellpadding:单元格内容左对齐(定义内容和单元格的距离)

cellspacing:边框合并(定义单元格之间的距离,如果指定为0,单元格的线会合为一条)

bgcolor:背景色

align:表格的对齐样式

tr:定义行

bgcolor:背景色

align:表格的对齐样式(是用来修改文本的对齐方式的)


td:定义单元格

colspan:合并列

rowspan:合并行

th:定义表头单元格

<caption>:表格标题

<thread>:表示表格的头部分

<tbody>:表示表格的体部分

<tfoot>:表示表格的脚部分

7.块标签:div和span是结合css使用的

span:文本信息在一行显示,行内标签,内联标签(意思就是它不会换行)

div:是会换行的。每一个div占满一整行。块级别的标签

8.语义化标签:html5中为了提高程序的可读性,提高了一些标签

<header>

<footer>

讲大纲:

1.设置页面关键字

2.设置页面描述

3.设置编辑工具

4.设定作者信息

5.限制搜索引擎

6.设置网页文字及语言

7.设置网页的定时跳转

8.设定有效期限

9.禁止从缓存中调用

10.删除过期的cookie

11.强制打开新窗口

12.设置网页的过渡效果


头部标记中的元信息标记

概述

  • meta元素提供的信息是用户不可见的,它不显示在页面中,一般用来定义页面信息的名称、关键字、作者等。在HTML中,meta标记不需要设置结束标记,在一个尖括号内就是一个meta内容,而在一个HTML头页面中可以有多个meta元素。
  • meta元素的属性有两种:name和http-equiv,其中name属性主要用于描述网页,以便于搜索引擎机器人查找、分类。这其中最重要的是description(站点在所有引擎的描述)和keywords(关键字)