HTML的标签第一章知识点总结
2012-08-23 09:20
330 查看
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:滚动的方向,默认是从右往左。填入的值为终点。
知识点预览
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:滚动的方向,默认是从右往左。填入的值为终点。
相关文章推荐
- HTML标签总结
- html 知识点总结(持续更新)
- Html中table显示空单元格的方法及table标签属性总结
- 数据结构(c++版)(第2版)第一章:绪论的知识点总结图,制作者:物联网1131-18 .
- html 的第一天 知识点总结
- 继上次总结了点html标签,现在再写一些
- html 标签总结
- CSS3主要知识点复习总结+HTML5新增标签
- 第一章 Html的基本标签
- html的meta总结,html标签中meta属性使用介绍
- HTML---常用标签总结与实践
- 基本HTML标签总结(一)
- HTML常见标签学习与笔记总结
- HTML 知识点总结
- html知识点总结积累
- ACCP学习旅程之----- 使用HTML语言开发商业站点(第一章 HTML的基本标签)
- HTML知识点总结
- 语义化的HTML标签和属性(总结)
- HTML学习总结(1)-常用标签,选择器,a四伪类
- 学习总结 html一般标签的使用