<!-- 作用：声明DTD模式，告诉浏览器该如何呈现，声明了<!DOCTYPE html>就等同于开启了标准模式，浏览器就会按照W3C的标准来渲染页面
DTD分为三种：严格模式，过渡模式，基于框架的html文档
影响：声明了<!DOCTYPE html>浏览器按照一般标准模式显示；不声明，浏览器会向后兼容模式呈现 -->
<html lang="en,zh"> <!-- 根标签 是 hyperText markup language 的缩写，超文本标记语言
lang="en,zh": 告诉搜索引擎爬虫，我们的网站是关于什么内容 en:英文，zh:中文-->
<head>
<meta charset="utf-8"> <!-- 告诉编辑器使用的是utf-8字符集 -->
<meta content="饮料" name="keywords"><!-- 搜索关键字 -->
<meta content="这是一款神奇的饮料，喝了神清气爽" name="description"><!-- 搜索关键字 -->
<title>写网站标题，在浏览器的选项卡的位置显示</title>
</head>
<body>
写在body里的内容才可以显示在浏览器中
</body>
</html>
<HTML>,表示该文件为HTML文件<HEAD>,包含文件的标题,使用的脚本,样式定义等
<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中
</HEAD>,<HEAD>的结束标志
<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.
</BODY>,<BODY>的结束标志
</HTML>,<HTML>的结束标志
其它主要标签,以下所有标志用在<BODY></BODY>中:
<A,HREF="…"></A>,链接标志,"…"为链接的文件地址
<IMG,SRC="…">,显示图片标志,"…"为图片的地址
<BR>,换行标志
<P>,分段标志
<B></B>,采用黑体字
<I></I>,采用斜体字
<HR>,水平画线
<TABLE></TABLE>,定义表格,HTML中重要的标志
<TR></TR>,定义表格的行,用在<TABLE></TABLE>中
<TD></TD>,定义表格的单元格,用在<TR></TR>中
<FONT></FONT>,字体样式标志
属性:
属性是用来修饰标志的,属性放在开始标志内.
例:属性bgcolor="BLACK"表示背景色为黑色.
引用属性的例子:
<BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色
<TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色.
常用属性:
对齐属性,范围属性:
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.
ALIGN=RIGHT,右对齐.
色彩属性:
COLOR=#RRGGBB,前景色,参考色彩对照表.
BGCOLOR=#RRGGBB,背景色.
<center>表示绝对居中.
<table></table>表格标识的开始和结束.
属性:
cellpadding=数值单位是像素,定义表元内距
cellspacing=数值单位是像素,定义表元间距
border=数值单位是像素,定义表格边框宽度
width=数值单位是像素或窗口百分比,定义表格宽度
background=图片链接地址,定义表格背景图
<tr></tr>表格中一个表格行的开始和结束
<td></td>表格中行内一个单元格的开始和结束
属性:
Colspan="",单元格跨越多列
Rowspan="",单元格跨越多行
Width=""定义表格宽度
Height=""定义表格高度
Align=""对齐方式
Valign=""
Border="",边框宽度
Bgcolor="",背景色
Bordercolor="",边框颜色
Bordercolorlight="",边框明亮面的颜色
Bordercolordark="",边框暗淡面的颜色
Cellpadding="",内容与边框的距离(默认为2)
Cellspacing="",单元格间的距离(默认为2)
太多了只能传一些 具体可以去这个网站 http://smileweixiao2012.blog.163.com/blog/static/1699234602010102210650924/
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）