网页制作的文本标记完整版Word文件下载.docx
- 文档编号:14486828
- 上传时间:2022-10-23
- 格式:DOCX
- 页数:14
- 大小:82.96KB
网页制作的文本标记完整版Word文件下载.docx
《网页制作的文本标记完整版Word文件下载.docx》由会员分享,可在线阅读,更多相关《网页制作的文本标记完整版Word文件下载.docx(14页珍藏版)》请在冰豆网上搜索。
link/>
12)成组标记:
table,form,ul,ol,dl,frameset,fieldset
行内元素和块级元素:
行内元素:
a,img,font(文字属性),b,i,u,span,input
块级元素:
p,div,hn,pre,hr,ul,ol,li,form
公共属性:
align(水平对齐方式),valign(垂直对齐方式),border(边框),title(提示文字),src(链接的文件路径),style(引入CSS行内样式),id,name
特有属性:
ahref(链接的目标),target(窗口打开方式)>
inputtype(元素的类型),size(含义依据type而不同)>
在HTML语言规范的基础上,XHTML对标记还有下面一些额外的要求:
1)标记名和属性名、属性值必须小写;
2)属性值必须用双引号引起;
3)所有标记包括单标记都必须封闭;
4)不允许省略属性值。
html>
head>
title>
/title>
/head>
body>
imgsrc="
图片路径"
alt="
光标移到图片的所显示的内容"
width="
"
/>
p>
(上下)一个段落的文字内容<
/p>
span>
左右顺序排列的文字<
/span>
pre>
保持文本内容的原形<
/pre>
nobr>
强制不换行<
/nobr>
hrsize="
2"
(水平线的厚度)width="
5"
(水平线的宽度)noshade="
noshade"
(是否要阴影)
color="
#FF0000"
(颜色)align="
center"
(水平对齐方式)/>
b>
粗体文字<
/b>
i>
斜体文字<
/i>
u>
加下划线<
/u>
em>
加粗,倾斜<
/em>
sup>
内容<
/sup>
(上标)
sub>
...<
/sub>
(下标)
fontface="
黑体"
size="
+6"
#00000FF"
>
文字内容<
/font>
(编辑文字的属性)
ul>
<
li>
ahref="
首页<
/a>
/li>
(超链接)
/ul>
(无序列表)
ol,li(有序列表)
h2>
一个定义列表:
/h2>
dl>
dt>
计算机<
/dt>
(标题)
dd>
用来计算的仪器......<
/dd>
(文段内容)
显示器<
以视觉方式显示信息的装置......<
/dl>
table表格:
tablewidth="
400"
border="
1"
cellspacing(单元格间距即单元格和单元格的距离)="
0"
cellpadding(单元格边距即单元格和单元格内容的距离)="
th>
/th>
(表头)
caption>
…<
/caption>
(表格标题)
tr>
(行)
td>
/td>
(列ttr)
/tr>
/table
表格table标签的属性:
1、width属性:
指定表格或某一个表格单元格的宽度。
单位可以是%或者象素。
2、height属性:
指定表格或某一个表格单元格的高度。
3、border属性:
表格边线粗细
4、bordercolor属性:
指定表格或某一个单元格的边框颜色。
5、bordercolorlight属性:
亮边框的颜色
6、bordercolordark属性:
暗边框的颜色c
7、bgcolor属性:
指定表格或某一个单元格的背景颜色。
8、background属性:
指定表格或某一个单元格的背景图片。
其属性值为一个URL地址。
表格tr标签的属性:
1、valign属性:
指定某一个单元格里的内容(文本、图片等)的垂直对齐方式。
垂直对齐方式的属性值包括:
top:
顶端对齐;
middle:
居中对齐;
bottom:
底端对齐。
Baseline:
相对于基线对齐。
2、align属性:
指定表格或某一个单元格里的内容(文本、图片等)的对齐方式
3、height属性:
单位可以是%或者象素
表格td标签的属性:
2、Colspan:
属性值表示当前单元格跨越几列(合并行内单元格)
3、Rowspan:
属性值表示当前单元格跨越几行(合并列单元格)
/body>
跑马灯:
marqueebehavior="
alternate(来回滚动)/scroll(循环滚动)/slide(滚动到目的地就停止)"
(滚动方式)direction="
up/left(滚动方向)"
loop="
0(不断滚动)"
(滚动次数)scrollamount="
10"
(滚动速度)scrolldelay="
4"
(属性设置两次滚动间的间隔时间)
onmouseover=this.stop()onmouseout=this.start()height="
120"
(光标移到指定范围就开始或停止)>
.........<
/marquee>
超链接:
1)用文本做超链接:
<
index.htm"
target="
_blank"
2)用图像做超链接:
images/info.gif"
title="
返回首页"
3)文本图像混合做链接:
brand1.htm"
green.gif"
格力空调1型<
该方法在商品展示
的网站上较常用。
4)热区链接:
使用map在图像上定义一幅地图,地图上可包含多个热区,每个热区用area单标记定义,area的shape属性定义了热区的形状,coords定义了热区的坐标点,href定义了热区链接的文件。
同时img标记用usemap指明用了哪幅地图
images/163227.png"
600"
height="
518"
usemap="
#Map"
mapname="
Map"
id="
areashape="
rect"
coords="
51,131,188,183"
href="
default.asp"
313,129,450,180"
#h3"
/map>
5)链接到其他网页或文件(jpg,rar等)
内部链接<
../index.htm"
返回首页<
外部链接<
网易网站<
下载链接<
software/wybook.rar"
点击下载<
6)电子邮件链接
mailto:
xiaoli@"
给我留言<
演示:
mail.html
target属性的取值:
-self(在本窗口打开)、-blank(空白窗口)、_parent(将链接的文件载入到父框架)、_top(将链接的文件载入到整个浏览器窗口中,并删除所有框架)
title的属性:
title属性在很多标记里都有,其作用是在鼠标停留在该元素上时显示设置的说明文字
制作超链接的规则:
1)可以使用相对链接尽量不要使用绝对链接,如../index.htm
而不是
2)链接目标尽可能简单
如,而不是
/html>
css
内联样式,具有最高优先级(写在标记里面)
内部样式表,优先级低于内联样式(head添加style标记)
外部样式表,优先级最低(新建css)
css基本写法
选择符{
属性:
属性值;
}
styletype="
text/css"
p{
/style>
(1)类型选择符(整体效果一致)
p{属性:
}
我的样式表<
第二段落<
div>
第三段落<
/div>
(2)类选择符(在整体上实现不一致的效果)
.div1{属性:
.div2{属性:
.left{属性:
.right{属性:
divclass="
div1"
pclass="
第二段文字<
/P>
div2"
第三段文字<
left"
文字居左显示<
right"
文字居右显示<
(3)id选择符(具有最高优先级)
#footer{属性:
属性值}
divid="
footer"
联系我们:
demo@"
demo@<
(4)伪类:
a:
link超链接的初始状态
visited已经访问后的链接状态
hover鼠标滑过链接时的状态
active点击状态时
hover{color:
#ff00ff;
text-decoration:
none;
XX<
/b
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 文本 标记 完整版
![提示](https://static.bdocx.com/images/bang_tan.gif)