1.2 HTML基本标签_HTML视频教程

- 灬无言 - 阅 5,705

小小课堂网HTML视频教程零基础入门首选。

下方为HTML视频教程,如视频不能正常播放,请安装flash或更换浏览器。请记得在视频右下角选择“超清”,然后点击“全屏”,效果更加。

1.2.1 HTML文本的基本格式

<!DOCTYPE html>———————————-声明文档的解析类型

<html>————————————————-根标签(开始)

<head>————————————————头标签(开始)

<title>HTML基本结构</title>——————–标题标签(开始&结束)

</head>———————————————–头标签(结束)

<body>————————————————主体标签(开始)

网页主体内容——————————————-浏览器显示的主体内容区域

</body>———————————————–主体标签(结束)

</html>————————————————根标签(结束)

1.2.2 <!DOCTYPE html>

其中“!”声明;DOC是document即文档英文缩写;“TYPE”类型。

连起来就是(为浏览器)声明文档(解析)类型(是)HTML。

简单来说:告诉浏览器该网页使用的HTML版本,必须在写在第一行。

1.2.3 <html></html>

根标签,开始标签<html>,结束标签</html>。

其他所有标签都包括在<html>与</html>之间。

1.2.4 HTML标签

头标签,开始标签<head>,结束标签</head>。

<head>标签用于定义文档的头部,它是所有头部元素的容器。

<head>中的元素可以引用脚本、指示浏览器在哪可以找到样式表、提供元信息等。

头部描述了文档标题、Web中位置以及和其他文档的关系等,一般不显示在浏览器上。

<head>的可选属性:profile,仅为预留,目前无实际用处。

<head>中可包含的标签如下:

标题标签:<title></title>,显示在浏览器标题栏,HTML页面标题内容;

元信息标签:<meta />,不显示,定义页面信息的说明、关键字、刷新等;

  • 页面说明:<meta name=”description” content=”DIY设置页面说明” /> 。
  • 关键字:<meta name=”keywords” content=”DIY关键字” /> 多个逗号隔开。
  • 编辑工具:<meta name=”generator” content=”notepad++或其他工具” />。
  • 作者信息:<meta name=”author” content=”灬无言” />。
  • 编码方式:<meta charset=” utf-8” /> 或者是gb2312。

设置文档为ANSI对应gb2312     utf-8无BOM对应utf-8 否则乱码。

如<meta http-equiv=”content-type” content=”text/html;charset=utf-8” />。

  • 定时跳转:<meta http-equiv=”refresh” content=”N;url=#” />时间单位:秒。

通常为<meta http-equiv=”refresh” content=”5;url=http://www.qq.com” />。

所有链接规定默认地址:<base />,留到超链接时再讲。

主要用途为引入样式的标签:<link>  <style> ,留到后面再讲。

定义用户端脚本:<script>,留到后面再讲。

1.2.5 <body></body>

Body元素定义文档的主体。

Body元素包含文档的所有内容。

在HTML4.01中,所有body元素的“呈现属性”均不被赞成使用。

在XHTML1.0中,所有body元素的“呈现属性”均不被支持。

网页背景颜色:<body bgcolor=”颜色”>不赞成使用,请使用样式取代它。

颜色的三种表示方法:

  • #f1f1f1 16进制表示 <body bgcolor=”#f1f1f1”>
  • Red、blue、green等单个英文字母<body bgcolor=”red”>
  • RGB red green blue <body bgcolor=”rgb(240,240,240)”>

网页背景图片:<body background=”图片地址”>不赞成使用,请使用样式取代它。

相对地址:<body background=”image/1.jpg”>

绝对地址:<body background=” C:/1.jpg”>

注:图片会沿水平和垂直方向不断出现,直到铺满整个页面。利用CSS不平铺。

网页文字:<body text=”文字颜色”>不赞成使用,请使用样式取代它。

如:<body text=”red”>

链接文字属性:<body link=”颜色” alink=”颜色” vlink=”颜色”>不赞成使用,请使用样式取代它。

  • Link默认超链接文字颜色;
  • Alink正在访问超链接文字颜色;
  • Vlink已访问超链接文字颜色;

如:<body link=“red” alink=”blue” vlink=”green”> 去除下划线CSS再讲。

页面边距:<body topmargin=”数值” leftmargin=”数值”>  默认单位:像素px不赞成使用,请使用样式取代它。

如:<body topmargin=”10” leftmargin=”10”>

页面注释:<!– –> 在注释里填写的内容,不在浏览器的页面显示

如:<!—我是注释内容,不会再网页显示出来–>

必备知识:像素PX,全称为图像元素。分辨率的尺寸单位。

扫描二维码关注“小小课堂网”

第一时间获取最新教程

二维码

15

本文转载 " https://www.xxkt.org/1008 "

原文地址 " 小小课堂网原创教程。未经许可,禁止转载。否则,将追究法律责任! "

相关文章!

发表评论

电子邮件地址不会被公开。 必填项已用*标注