概要
html:全称Hyper TextMarkup Language:网页超文本标记语言;描述性标记语言,通过浏览器的解释和编译显示
所标记的内容;可以使用记事本或者Dreamweaver编写。
基本结构
基本标记
在html中所有的标记的格式:<标记符>内容</标记符>
Head 元素:包括标题(title) 基础信息 元信息(meta);作用整篇文档,但不会在网页上直接显示。
title元素:说明页面用途,显示在浏览器的标题栏中。
如:<title>牛腩新闻</title>
meta元素:定义页面说明信息;与其他标记不同,无需设置结束标记,有name 和http-equiv两个属性。
如:<meta name="author" content="niunan">
<meta http-equiv="属性" content="属性值">
body元素:包括在浏览器中要显示的所有信息。如:背景色的设置 文字的大小 颜色 等。
常用属性设置
bgcolor:背景颜色
background:背景图片
如:<body>background="图片地址"</body>
text:文字颜色
link:链接文字颜色
alink:正在访问文字颜色
vlink:访问过后的文字颜色
margin:页面与浏览器边框之间的距离;一般设置为0这样不会产生很多空白。
注释标记
<!--注释内容-->
文本标记
标题
一共有<h1>到<h6>六个级别来标识;依次减小,h6最低。
对齐
align:left | 左对齐 |
align:right | 右对齐 |
align:center | 居中对齐 |
Font 标记
控制字体 字号 颜色等。
属性
face属性用于设置字体
如:<font> face="楷体"</font>
size属性用于设置字体大小
如:<font>size="9"</font>
color属性用于设置字体颜色
如:<font> color="属性值"</font>
b、strong标记
用来加粗字体
如:<b>要加粗的字体</b>
i、em、cite 斜体标记
都是用来将字体改变为斜体的标记
如:<i>要变为斜体的字体</i>
Sup 上标标记 sub下标标记
就是像在一些数学公式中的几次方的上标标记
如:<sup>上标内容</sup>
p段落标记
用来起始一个新的段落
br换行标记 nobr不换行标记
hr插入水平线标记
图像
插入图片的标记img
常用属性值:
属性 | 描述 |
Src | 图像的源文件地址;如:<img>src="图像的文件地址"</img> |
Alt | 提示文字;如:<img>alt="图像提示文字"</img> |
width,height | 高度和宽度; |
Border | 边框 |
Vspace | 垂直间距; |
Hspace | 水平间距; |
Align | 排列对齐;属性值有bottom底部对齐;top;middle;left;center;right |
Dynsrc | 设定avi文件的播放;如:<img></img> |
Loop | 设定avi文件循环播放次数;如:<img></img> |
Loopdelay | 设定avi文件循环播放延迟;如:<img></img> |
Start | 设定avi文件播放方式;如:<img></img> |
Lowsrc | 设定低分辨率图片;如:<img></img> |
图片的超链接
与文字类似也是用a标签来实现的。
如:<a href ="链接地址"> img src="图像文件的地址"</a>