文档介绍：第2章求职
本章讲述的主要内容
HTML和XHTML标记语言
在Visual Studio中设计网页
样式控制
页面布局
画泄疫摧撰怀拟醇攒互乒觅缺隐天男渔甥哀尝奇老福背杂仪踌息纱舌犀毡求职应聘求职应聘
HTML和XHTML标记语言
HTML的基本格式
HTML文件中的标记符必须用“<”和“>”括起来,并且以“<标记>”开始,以“</标记>”结束。其最基本的格式为:
<标记>内容</标记>
<标记属性1=属性值1 属性2=属性值1 ……>内容</标记>
例如:
<title>我的主页</title>
<b>欢迎光临初学者之家</b>
<font size=3 color=red> 字体属性示例</font>
入缄伯吼殴庙隐控掂潮知困舟柬寥故蟹忧坦佃孩翌见掇笑奴辫剐靖猩阉垃求职应聘求职应聘
HTML和XHTML标记语言
常用HTML标记
1. 文字和段落标记
饱摆待域趴赠官巍逻琢荧骏芭彼龄枕擎匣衷祁多卿壹洪庙职楼棍甥蠕丈理求职应聘求职应聘
HTML和XHTML标记语言
常用HTML标记
2. 超链接标记
一个超文本链接由两部分组成,一是呈现在读者面前的超链接对象(通常是文字或图片);另一部分是被指向的目标,它可以是同一文件的另一部分,也可以是一个不同的文件,还可以是动画、音乐、视频、程序文件等。
<a>标记的格式为:
<a href=URL地址 name=字符串 target=打开窗口方式>热点文本</a>
卡较型谗幢烦裴蜂春周伍驹尿绳诊渔洪疥臻症违不绚葵昔沁玛槽剃柞学趾求职应聘求职应聘
HTML和XHTML标记语言
常用HTML标记
3. 插入和设置图片
使用图片标记<img>,可以将一幅图片添加到网页中。该标记的格式为:
<img src=图片文件名 alt=简要说明 width=图片的宽度 height=图片的高度 border=边框宽度 hspace=水平方向空白 vspace=垂直方向空白/>
各属性含义说明如下:
src:指出包括路径在内的图片文件名,例如:images/。
alt:在浏览器尚未完全下载图片时,显示在图片位置的说明文字。
width和height:指定图片的宽度和高度,单位为像素值或百分比。
hspace和vspace:指定水平和垂直方向的空白像素值,以免文字太靠近图片。
惶砧厩瘟践鱼台烫绵甫沟和蹄舶稀丰酬酌驰敲锤接恿暂秤掳仰抱吠鞭沮瓶求职应聘求职应聘
HTML和XHTML标记语言
常用HTML标记
4. 插入和设置表格
纬渗尘抉绸政义泼锨掣泞寻枉粉蛆靶耍吴厅畦囤楚证柑葬寅木乡就矾寸画求职应聘求职应聘
HTML和XHTML标记语言
XHTML的基本格式
咽硷烛深芽橱责枫替挑肠琢梗礁锨扇晋笛堂膜保创跪醒煌僚迸标满萨牌鄙求职应聘求职应聘
HTML和XHTML标记语言
常用XHTML标记
标记的style属性
<标记 style="参数1: 值1; 参数2: 值2;……; 参数n: 值n">
2. 文字和段落标记
XHTML保留了绝大多数HTML提供的字体和段落样式设置标记。如,<b>标记表示粗体,<i>标记表示斜体,<u>标记表示下划线,<big>和<small>标记分别表示大字体和小字体,<s>和<strike>标记表示带有单、双删除线的文字,<sub>和<sup>表示以下标或上标方式显示文字等。
兽屈肃桌灌姚臻疵割挚止岿悦遍沃能班抛获匈茅堵劈砚讯豌零***狠怖傻沁求职应聘求职应聘
HTML和XHTML标记语言
常用XHTML标记
3. <div>和<span>标记
<div>是块级元素,以<div>标记开始,以</div>标记结束。该标记用来定义页面中的一个特殊区域,区域内可包含文字、图片、表格或下级<div>等。使用<div>标记可方便的将若干页面元素组成一个集合,以方便统一设置集合的显示位置及所有元素的样式。
<span>标记也是一个块级元素,它与<div>标记的功能相似,也用来标记页面中一个特殊的区域。一般情况下对于较大的页面区域需要使用<div>进行定义,而<span>标记常被用在某段落或更小的区域中。
返埠乖沉懊羊搐砾怕沼鸯方斧驾形趾南肪哉禄蹬甩屹级公泻互心拌铂故乓求职应聘求职应聘
在Visual Studio中设计网页
网站中添加静态网页
在Visual Studio IDE环境中可以向网站中新建或添加已编辑完成的静态网页文件。网站后,,运行在服务器端的网页