1、HTML 文件结构
– <HTML>
• <HEAD>
– <title></title>
• </HEAD>
• <BODY>
– HTML 文件的正文
• </BODY>
– </HTML>
2、常用的标签及其属性
1)<body>
background属性标志HTML文档的背景图片。如: background=“images/bg.gif"。可以使用的图片格式为GIF,JPG
text属性标志HTML文档的正文文字颜色。如:text=“#FF6666”Text元素定义的颜色将应用于整篇文档。
超级链接颜色link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色
leftmargin和topmargin设置网页主体内容距离网页顶端和左端的距离如:leftmargin="20" topmargin="30“
2)文字属性
<front color=“#” face=“” size=“”>分别定义了字体的颜色,字体,大小
<p align=”center”>*</p> 可以设置文字的布局,有center,left,right三种属
3)文字的分区显示
<div align=#> ... </div> <div>层经常用来布局
4)表格属性
结构为:<table><tr><td>**</td><td>**</td></tr></table> 这样 就可以得到一行两列的表
格,表格常用来布局,cospan=”3” 表示占两列,表格布局的缺点是标签太多,执行的速度慢。
5)列表
无序列表:<ul><li>**<li/><li>**<li/></ul>
<ul>元素有type属性,通过定义不同的type属性可以改变列表的项目符号。type属性的属性值有:disc(圆)、circle(圆圈)、square(方块),无序列表常用来作导航栏。
有序列表:<ol><li>**<li/><li>**<li/></ol>
<ol>元素也有自己的type属性,type属性的属性值有1、A、a、I、i
6)表单<form>
表单是用来向服务器提交数据的,主要的属性有:action=“提交后处理的动作”,
method=”提交类型”,有post和get方法,一般使用post方法,因为get方法容易出现乱码7)标签<input>
其主要的属性:type属性,有submit提交,按钮button,reset重置,text文本输入框,name
属性,定义了这个属性后,如果这些组件是放在表单里面的,那么在后台就可以根
据这个属性取得它的值
3 网页的框架
基本语法:
<frameset>
<frame src="url">
<noframes>
<body>
</body>
</noframes>
</frameset>
<frameset>有两个属性:rows和colsRows定义上下分割的框架的大小;cols定义左右分割的框架的大小;在定大 小时,rows和cols可以使用相对大小或以百分比为单位。
窗口横向排列例子
– <frameset rows=#>横排多个窗口
<frameset rows=30%,20%,*>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
排列方式: A
B
C
小结:html是一种标签语言,它的标签很多,属性也很多,不可能把全部的都记住,也没有必要,只需要记住一些常用的
,其他的用到时在查资料,或许这样的效果会更好,html语言需要多练,才能运用自如。
分享到:
相关推荐
HTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdfHTML基础.pdf
HTML基础 教大家了解学习HTML的课件
HTML基础 ppt
html基础详解(word),主要html基础知识
HTML基础.xmind
html基础ppt格式,各种实例,很适合学习。
实训1 Web前端开发环境配置与HTML基础.docx
html基础
html基础教学练习实例,自己根据视频课件写的,希望能给大家的学习带来帮助!
HTML 基础知识的总结,适合初学者!
HTML 基础教学 一 、 何 谓 HTML 二 、 HTML 文 件 架 构 三、我的第一份HTML文件 …… HTML码对照表
详细地整理html基础知识,贯穿整个html知识,系统地整理,一目了然。
学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习...
HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML...
十分通俗易懂,绝对的好教程!十分适合初学者,包括HTML基础和常用标签属性。
《html网页设计参考手册》示例源代码 也是我的html基础家教课件的示例源代码 分2个压缩包 html基础学习例子.part1 html基础学习例子.part2
html基础教程学习
这个是HTML基础,一些常用的属性以及使用方法。
html基础html基础html基础html基础html基础html基础html基础html基础
HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记