HTML学习
1.HTML 文件结构:
...
......2. 基本组成部分——HTML元素属性:
HTML元素可以有自己的相关属性,每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的< >内,并且和元素名之间有一个空格分隔;属性值用“”引起来。
This is my first homepage!
3.
与之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。4. 元素下面可以插入很多很有用的元素属性。介绍四种
–
用来标记搜索引擎在搜索你的页面时所取出的关键词。
–
用来标记文档的作者。
–
charset=gb2312”>
用来标记你的页面的解码方式。
–
URL=https://www.doczj.com/doc/1614904555.html,”>
用来自动刷新网页
5.
元素表明是HTML文档的主体部分。在与之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。元素中有下列元素属性:(1)bgcolor
bgcolor属性标志HTML文档的背景颜色。如:bgcolor="#CCFFCC"。
HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。
background属性标志HTML文档的背景图片。如:background=“images/bg.gif"。
可以使用的图片格式为GIF,JPG
(3)bgproperties=fixed
bgproperties=fixed使背景图片成水印效果,即图片不随着滚动条的滚动而滚动。
(4)text
text属性标志HTML文档的正文文字颜色。如:text=“#FF6666”。Text 元素定义的颜色将应用于整篇文档。
(5)超级链接颜色
link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。
(6) leftmargin和topmargin
设置网页主体内容距离网页顶端和左端的距离如:leftmargin="20"
topmargin="30“
6.文字属性标记
文字颜色、大小、字体、标题(分1-6)
兰色字黑体
红色字楷体
绿色字宋体
7.文字布局
行的控制:段(Paragraph) (可以看作是空行)
;空白占位符 (注意要有分号)
让它自动换行
;不让它自动换行
8.HTML文字与段落格式控制
正常字加粗字体bold
正常字斜体字italic
正常字下画线字underlined
正常字带删除线文字strikethrough
正常字上标字superscript
正常字下标字subscript
正常字--em标记-斜体
正常字--strong标记-对内容进行强调
正常字--code标记-等宽字符
正常字--var标记变量或程序参数-以斜体字来显示
正常字--small标记-文本以小字体显示正常字--big标记-文本以大字体显示
化学式:
化学式:H2O(水)
HO(水)
2
代数方程式:
代数方程式:x=x1+x22+...+x nx=x1+x22+...+xn
9.HTML文档可以插入注释。注释内容不会在浏览器窗口显示
HTML注释的格式为:
10.文字的对齐
...
(#=left, center, right)p标志中利用align标志实现右对齐
11.文字的分区
文字段
文字段.
文字段
作为一名顶级吉他大师,
12.HTML段落与分行控制
(1)
元素里的align=“center”类似
例如:
(2)标尺线
(3)无序列表元素
无序列表是由
disc(圆)、circle(圆圈)、square(方块)
无序列表
有序列表
(4)有序列表元素
13.超级链接—普通超级链接
超级链接是用锚元素定义的(a标记的英文为anchor锚)
在元素下,有元素属性href,href的属性值为一个URL地址
如:网易新闻中心
如:普通超级链接
14.超级链接—E-mail超级链接
超级链接可以指向E-mail地址
如: panxiaobo392@https://www.doczj.com/doc/1614904555.html, 15.超级链接—新开链接窗口
开一个新的(浏览器)窗口 (Target Window)
16.超级链接—去除下划线
去掉超级连接的下划线:style=“text-decoration: none”
17.超级链接——锚点(书签)
.
.
a href="#top">返回页首
18.HTML对图片的控制
(1)图片引用基本语法:
引用图片必须用元素标志。元素下的基本元素属性是src属性,src的属性值为所引用的图片的URL地址。
src属性是必须的。Src的URL可以是绝对地址,也可以是相对地址所谓图片的替代文本,指图片不能显示时在图片所在位置显示的一段文本或当鼠标移到图片上时也会显示替代文本。
定义图片替代文本的方法是:
(2)图片的显示大小
我们可以指定一幅图片在浏览器窗口里的显示大小。
定义图片的显示大小的方法是:
width指定图片的宽度,height指定高度。它们的属性值可以是象素,也可以是%。
(3)图片的边框
我们可以为一幅图片加一个边框以突出显示:
?border的属性值为象素数
(4)图片的对齐方式
图片可以相对于页面或单元格有一个对齐方式。
定义水平对齐方式的方法是:
–
–
定义垂直对齐方式的方法是:
对于图片的对齐方式不仅是以上几种,但是以上的几种是最常用的。
图像顶部与文本区域顶部对齐、图像中部与文本区域顶部对齐、图像底部与文本区域顶部对齐
(5)定义图片与左、右的文本之间的间距
–图片在显示时,与左右的文本之间可以有一定的间距
–Hspace(horizontal)定义水平间距; Vspace(vertical)定义垂直间距。单位都是象素数.
(6)图象的超级链接
–图象的超级链接是指整个图象的超级链接,当点击图象的任何部分时,都会打开这个超级链接。定义默认超级链接的方法是:
–所以,所谓超级链接实际上就是用元素标志一个图象的引用;
(7)图象映射
–图象映射由
以,图象上的图象映射实际上是对
–
19.表格(TABLE)标记
?
?
?
?需要注意的是:上述的三个元素必须、而且只能够配对使用。缺少任何
一个元素,都无法定义出一个表格。
?表格的基本结构
定义表头 |
---|
… | 定义单元格
/////////////////////////////////////////////////////////////////////
left | right | 之间插入表格,实现表格嵌套 |