HTML的标签第一章知识点总结
知识点预览
HTML文件的基本结构
<META>标签
页面背景色或背景图像
文本相关标签
图像标签
文字布局
页面链接
滚动<MARQUEE>标签
HTML的标签
1.HTML文件的基本结构
尖括号 大部分的标签有开始，也有结束 标签不区分大小写缩进
<HTML>
<HEAD>
<TITLE>我的第一个网页</TITLE>
</HEAD>
<BODY>
欢迎
<BODY>
</HTML>
2. 使用记事本创建HTML文档
3.<META>标签
设置编码，在Head标签里进行管理
<HEAD>
<META http-equiv=”Context-Type” context=”text/html”;charset=”gb2312”>
<TITLE>网页标题</TITLE>
</HEAD>
4. 页面背景色或背景图像
<BODY bgclor=”#FFCCFF” background=”back_image.GIF”>Hello World!</BODY>
5.文本相关标签
a) 标题标签
<H#>…</H#>#=1,2,3,4,5,6
<H1>到<H6>字体大小递减
b) <Font>标签
<Font size=”+2” color=”red” face=”律书”>
</Font>
特殊符号：
空格：
引号（””）："（不分前引号和后引号）
小于（<）：<
大于（>）：>
版权号（@）：©
c)段落标签
<P align=”center”></P>
left right center
d) 换行标签<BR>
6. 图像标签
图像的基本语法
<IMG src=”image/adv_2.jpg”width=”300” height=”150” alt=”欢迎”>
alt：鼠标放在上面显示的文字
<IMG align=”middle”>
middle top bottom
上、中、下：文字与图像的关系
7.文字布局
a) <HR> 绘制水平线
<HR size=”5” color=”red” width=”300”OR width=”50%”>
size=”5”：线的厚度
b) 列表
i. 有序
<OL>
<OL type=”1”>
<LI></LI>
</OL>
ii. 无序
<UL>
<UL type=”circle”>
c) <PRE>标签
预先定义——编写什么内容，结果就是什么内容
8.页面链接
a) 链接到其他页面
<A href=”…..’>…….</A>
相对路径：经常采用
绝对路径：
b) 锚链接
<A name=”marker”>…..</A>
<A href=”#marker”>……</A>
c) 邮箱
<A href=”mailto:taobaoWebMaster@taobao.com”>站长邮箱</A>
启动OutLook
9. 滚动<MARQUEE>标签
<MARQUEE></MARQUEE>
scrolldelay:滚动延迟时间
direction:滚动的方向，默认是从右往左。填入的值为终点。
扫一扫
6414
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
