- 22
- 0
- 约2千字
- 约 4页
- 2016-11-26 发布于重庆
- 举报
HTML網页设计学习存在的问题与小结
一:大家在学习HTML网页设计过程中存在的问题:
1:很多人在一个HTML页面中写了多对body/body,在一个HTML页面中,有且只能有一对body/body,同理,有且只能有一对head/head,一对html/html
2:HTML所有的标签、元素等全部使用小写
3:在HTML中,br和hr,没有闭合标签,br和hr是单个出现的!
br的作用是换行,hr的效果是水平线
4:h1--h1-----h6--h6,h标签是文章的标题标签
5: background=Vista.jpg—设置名称为Vista.jpg的图片为背景图片,这样写,是因为图片和页面在同一级目录下。
如果你要做的背景图片和你的页面不在同一级目录下,这是,图片名称前面就要加上该图片所在的文件夹的路径:
background=E:/pic/Vista.jpg
E盘下的pic文件夹里面的Vista.jpg作为背景图片
6:colspan属性用在td标签中,用来指定单元格横向跨越的列数
实例:
table border=1
tr
td colspan=2单元格1/td
td单元格2/td
/tr
tr
td单元格3/td
td单元格4/td
td单元格5/td
/tr
/table
单元格1 单元格2 单元格3 单元格4 单元格5
owspan同上,作用是指定单元格纵向跨越的行数
table border=1
tr
td rowspan=3单元格1/td
td单元格2/td
/tr
tr
td单元格3/td
/tr
tr
td单元格4/td
/tr
/table
单元格1 单元格2 单元格3 单元格4
HTML页面的基本组成:
html
head
……
/head
body
……
/body
/html
2、head……/head部分介绍
head 标签 -- 代表HTML文档的头信息
头(head)包含了当前文档的一些信息,例如标题信息,meta信息等,正常情况下头信息是不会显示在HTML文档中的.
head元素包含的标签:
title标签
base标签
link标签
style标签
script标签
meta标签
是HTML文档的标题成对出现的,以title开始,/title结束
html
head
title网页标题/title
/head
body
/body
/html
2.2 meta标签在head标签中的meta标签,可以为HTML文档提供额外信息
meta http-equiv=refreshcontent=8;url=1.html
8秒之后页面自动刷新跳转到“1.html”页面
备注:该标签放在head……/head之间!
3、body……/body部分介绍--body定义文档的主体。
body……/body里包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
a href=/ target=_blank style=text-decoration:none 汽车/a
效果:点击“汽车”,页面跳转到
备注1:target=_blank,作用:在新窗口打开链接页面
2:style=text-decoration:none,作用:去掉链接文字下的下划线
3.2图片链接:
a href=1.htmlimg src=1.gif alt=流氓兔 /a
效果:点击“图片”,页面跳转到1.html
备注1:alt=流氓兔,
作用:alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:
网速太慢
src 属性中的错误
浏览器禁用图像
用户使用的是屏幕阅读器
实例
”1.html”img src=/i/eg_tulip.jpg alt=上海鲜花港 - 郁金香
如果无法显示图像,浏览器将显示替代文本,就像这样:
4、表格-
表格的以table开始,以/table结束。
一个tr……/tr就是一行
一个td……/td就是一列
colspan是指定单元格横向跨越的列数
rowspan是指定单元格纵向跨越的行数
您可能关注的文档
- HBase與BigTable的比较.doc
- HBV基因定量分析技術的应用价值存在问题及展望--HBV基因定量分文档.doc
- HCR在印染廢水处理中的应用.doc
- HCSA超高強水泥在自流平砂浆中的应用.doc
- HBV基因定量分析技術的应用价值.doc
- HCQ-BI-D-005檢验测量和试验设备的控制程序.doc
- HBVHEV融合二價抗原原核表达载体的构建及蛋白的初步表达.doc
- HCV受體的研究进展.doc
- HbsAg陽性患者手术有关问题的处理.doc
- HCFC-141b發泡组合聚醚HY-5104的研制.doc
- 2025-2026学年天津市和平区高三(上)期末数学试卷(含解析).pdf
- 2025-2026学年云南省楚雄州高三(上)期末数学试卷(含答案).pdf
- 2025-2026学年甘肃省天水市张家川实验中学高三(上)期末数学试卷(含答案).docx
- 2025-2026学年福建省厦门市松柏中学高二(上)期末数学试卷(含答案).docx
- 2025-2026学年广西钦州市高一(上)期末物理试卷(含答案).docx
- 2025-2026学年河北省邯郸市临漳县九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省石家庄二十三中七年级(上)期末历史试卷(含答案).docx
- 2025-2026学年海南省五指山市九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省唐山市玉田县九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省邢台市市区九年级(上)期末化学试卷(含答案).docx
原创力文档

文档评论(0)