周二第三章学习HTML标签_第1页
周二第三章学习HTML标签_第2页
周二第三章学习HTML标签_第3页
周二第三章学习HTML标签_第4页
周二第三章学习HTML标签_第5页
已阅读5页,还剩49页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

HTML基础(一思百授郭文第二第二HTML的页面结第一第三第四章有序和无序列第一识什么是HTML是“超文本标记语言”(HypertextMarkup机语言,用它可以制作网页面。。HTML简HTML是一种标记语–控制页面和内容的外–发布联机文–使用HTML文档 检索联机信–创建联机表单,收集用户的信息、执行事务等 动–开发帮助文HTML的格第二章HTML页面基本结最外最外

标题设定区(第二层

HTML网页文本区(第三层<HTML>…</HTML>标一个完整的文件是以<html>使用</html文件的结束点。<HEAD>…</HEAD>标<TITLE>欢迎光天地<TITLE>欢迎光天地<TITLE>…</TITLE>标用于包含那些作为页面标题显示的文字。这些始终是包含在<HEAD></HEAD之内,<title>…<titl>标记的长度最好不要太长,以不超过20个字符为原则。其中内容将出现在浏览器的标题栏中。<meta>标<meta>标记能提供文档的字符编码、描述、关键字、作者、自动刷新等多种信息。<metaname=“description”content=“--”>指定文档的述,阐明整个的及吸引人的地<meta ”content=“家居,装饰,家具”>标记搜索引擎搜索页面时取出<metaname=“author”content=“”>标记文档的作<metahttp-equiv=“refreshcontent=“秒数定义页面n秒后自动刷新<metahttp-equiv=“refresh”content=“3; <BODY>…</BODY>标你所制作的网页的正文内容连同和等等都要放在<BODY>可以设定一些属性,如背景色,背景图形等<BODYBGCOLOR:指定HTML的背景色TEXT:指定HTML文件中文字色彩属性BACKGROUND:指定HTML背景图形如何编写HTML文 一个简单的HTML例<body><body>和<title>和一个用HTML编写的添加背景颜色以后的网页效Html小练 :创建你的第一个网页,内容自定第三章学习HTML段落标记语法:<P说明每一个段落都括在<P></P>之内。结尾标记</P>可以省略Align属性用来设定文字的对齐方式,其value right:设定文字右对齐段落标记<P>段落标<title>学习<P>这会是一种很有趣的体验<p>另一个段落元素运行结

Right:右对

右对

<Palignright>这会是一种很有趣的体验运行结换行标记<TITLE>欢迎<TITLE>欢迎使用<P>这会是一种很有趣的<BR>体另一个段落

运行结特殊符号句句显示结句显示结&空一÷<±>“×;&黑蓝水平线格式:<HRalign SIZE=value2color=value3其中align—center、left、rightSIZEColor—Width—NOSHADE指定分水平线<TITLE>欢迎使用 第一个HTML文档<HRnoshadesize=5align=center=<HRsize=15align=leftwidth=<P>这将会是一种很有趣的体<PRE>标<PRE>标<PRE>…</PRE>上面“露 ”网页修改代码以后的页面效标

举例:使用H编写下列网<BODY<H1>第二章用HTML制作文本页面<H2>2.1控制字的字号颜色<H3>2.1.1字号设置技巧<H4>1.设置页面正文章节的标题<font>设置文本的字体、字体尺寸、字体颜色设置页面正文的字体与字格式:<FONTFACE=“字体名称”SIZE=n></FONT>,字号其中:SIZE的缺省值是3字符颜色的设格式 其中常用颜色名黑蓝设置字体风居中<center><IMG>标语法:<IMGSRC=“文件ALT=“提示文本ALIGN=位置HEIGHT=nWIDTH=nVSPACE=”value1”HSPACE=value2功能:在当前网页的位置显示一下面对其中的几个属性说明如下SRC——指定要嵌入 的文件名

IMG属于非成对标ALT——在图 显示前或使用无法显示图形的浏览器,在该图形位置上就会出ALT后面的文字ALIGN指定图形的位置,图形可以出现在文字的左(LEFT)、右(RIGHT)、HEIGHT和WIDTH指定图形的高和宽VSPACE——设定文字 上下之间的间隔HSPACE——设定文字 往右之间的间隔Border——设 显示以后的网页效要使文本围绕图像环绕,应将语句改为<IMGSRC=“..\\0720.jpg“ALT="width=240height=180创建超<a>标<a>用于作超的文本或图像<ahref=“欲的文件位置”name=“目标名称=“accesskey=“快捷键”title=“说明文字”style=“css属性”></a><ahref=“mailti:邮件地址”>文字或</a>设置书信格式格式说明:以书信内容的方式显示文字。在距页面的左右两边分别留出一段页边距。<table><tr><tr><td>定义表头<td>定义表头<td>定义单元格<td>定义单元格表格的属性border表格的属性 <tdalign=“centervalign=“middle“>属性:让表格中的内容都水平垂直居练用表格做一个职工信息表:要求如第四 无序列表和顺序列<LI>第一项<LI>第二项<LI>第三项 教

<LI>第一项<LI>第二项<LI>第三项

定制列表元可加上TYPE=#来定义每一项前面的符号或序号对于无序列表,定制符号的标记<UL其中“代表①DISC(实心圆②CIRCLE(空心圆SQUARE(方块)缺省时为实心圆对于顺序列表,定制符号的标记<OLTYPE=A|a|I|i|1|TYPE属性用来选择以英文字母或是罗马数字作为项目的START=n—指定从哪一个字母或数字开其中

1表示按数字,这是缺省属性设置<TITLE>网页制 <BODYbackground="bjt.jpg"ALT="背景<H3align=center>Internet实 无序列表<UL<LI>《 乐畅游Internet》<LI>《Internet信息查询技巧》<HRcolor=blue<H3

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论