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基础学习资料"压缩包提供了对于初学者来说非常宝贵的资源,可以帮助他们快速掌握HTML的基本概念和语法。 首先,`html.chm` 文件可能是一个帮助文档,通常包含详细的信息和例子,指导用户学习HTML的各种...
HTML 基础知识点汇总 HTML(Hypertext Markup Language,超文本标记语言)是网页设计的基础语言,它将影像、声音、图片、文字等连接显示出来。HTML 语言使用标记式的指令(Tag),将网页文件组织起来,并由浏览器...
html基础
html基础教程学习
HTML基础 教大家了解学习HTML的课件
HTML基础.xmind
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>`、`<head>`和...
HTML 基础知识点 HTML 基础知识的学习是网站制作的基础。从学习 HTML 到制作网站,需要哪些工具?浏览器和记事本程序(或类似的简易文本编辑器)便是我们所需的全部工具。 浏览器的选择 在学习 HTML 之前,我们...
HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例...
这个压缩包中的"HTML基础教程"显然是为初学者设计的,旨在帮助他们掌握HTML的基本概念和语法,从而能够构建自己的网页。以下是对HTML基础知识的详细讲解: 一、HTML结构 HTML文档由一系列元素组成,每个元素都有...
掌握HTML基础知识是创建静态网页的第一步,随着技能的提升,你还可以学习CSS(Cascading Style Sheets)来控制网页的样式,以及JavaScript和服务器端技术来实现更复杂的交互功能。通过不断实践和学习,你可以成为一...
"html基础html基础html基础html基础html基础html基础html基础html基础"这个标题和描述多次重复了"html基础",强调了我们要探讨的核心内容——HTML的基本概念、结构以及常见元素。 在HTML中,我们通过使用各种标签来...
HTML 基础知识讲解 HTML 基础知识是网页开发的基础,了解 HTML 基础知识是学习网页开发的必备条件。本文将详细讲解 HTML 基础知识,包括 HTML 标题、HTML 段落、HTML 链接和 HTML 图像等。 HTML 标题 -------- ...