您的位置:首页 > Web前端 > HTML

HTML的基础知识(一)

2009-03-13 23:04 316 查看
1、  Html文件的基本格式:开头结尾分别用<html></html>来标记,所有文件都分为两部分,标题和正文,格式如下:
<html>
       <head>
            <title>标题部分</title>
       </head>
           <body>
                  正文部分
            </body>
</html>
2、  Html网页中的段落和文字:
1)      注释:<!—注释内容à用于书写文档源文件的注释,注释内容不会显示在网页上!
2)      标题元素:<h#>…….</h#>  #代表1-6中的一个,并且其支持align属性,属性值为left 、right和center,默认为left
例:<h1 align=center>welcome to come!</h1>
3)      Font元素:用来设置文档的字体,通过设置属性可以对字体进行不同的设置,属性包括:size、color和face,face用来指定字体名或者字体列表。
<font color=blue size=2>example</font>
4)      分行控制:<br>用于文字换行,只需要在换行处输入<br>的标记,<p>表示一个段落的结束,并且在后面加一空行。
5)      分隔线hr元素,用于在网页上划一条水平分隔线,并可以设定分隔线的粗细!
例:<hr  size=2 width=800 align=center>
6)      字符修饰符:物理样式包括 B元素代表粗体,I元素代表斜体,U元素代表带下划线的文字,TT代表它将显示固定大小的字体字符,sup表示用较小的字体将它显示为上标,sub表示用较小的字体将它显示为下标,S表示文字带删除线,strike也是显示带删除线的文字;逻辑样式包括EM对文档中的某段文字进行强调,用斜体字显示,STRONG用粗体字显示,CODE将程序代码显示为等宽字体,SAMP指定一个样本名称,用等宽字体显示,KBD把用户输入的用等宽字体显示,VAR用斜体字显示变量名,DFN指定一个术语的定义实例,CITE指明文档中出现的书名 和其他应用内容,small和big分别显示较小和较大字体。
3、  超链接:用A元素实现
1)  href属性,该元素起始间的文本就变成了超文本(Hypertext)
格式:<A href=url 地址>….</A>或者<A href=url 地址#identifier>….</A>
2)   name属性 ,代表这是连接的目标,但必须唯一。
4、  图片标记:
<A href=”url”><img src=url alt=… border=nember></A>(当图片不显示时,在图像位置显示alt中标记的文字)
5、  table表格:<tr>定义表行,<th>定义表头,<td>定义表元,<caption>给表格提供标题
1)<table align=对齐方式 bgcolor=背景色 border表格线宽度 bordercolor=表格线颜色
 Height=表格高度 width=表格宽度 cellpadding=n cellspacing=n>
Cellpadding表示单元格内部所显示的内容到表格线的距离,单位是像素
Cellspacing表格线的间隔,单位是像素或者百分比
2)<tr align=对齐方式 valign=垂直对齐方式 height=行高 background=背景图案 bgcolor=背景色 bordercolor=边界颜色>  ….</tr>(其中align中包括的justify表示合理调整内容
Valign中包括baseline以基线为准垂直对齐,botton是底端对齐,middle为默认)
3)<td width =宽度 height=高度 align=水平对齐方式 valign=垂直对齐方式 heigh=行高background=背景图案 bgcolor=背景色 bordercolor=边界颜色 colspan=跨列数 rowspan=跨行数>……</td>(colspan水平方向上所跨列数,默认为一,另一个是垂直上所跨行数)
 
 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 文档 border table url