`
沈冠军
  • 浏览: 111222 次
  • 性别: Icon_minigender_1
  • 来自: 玉林
社区版块
存档分类
最新评论
阅读更多

1HTML 文件结构

     <HTML>

         <HEAD>

     <title></title>

         </HEAD>

         <BODY>

      HTML 文件的正文

         </BODY>

      </HTML>

2、常用的标签及其属性

1<body>

background属性标志HTML文档的背景图片。如:   background=“images/bg.gif"。可以使用的图片格式为GIFJPG

text属性标志HTML文档的正文文字颜色。如:text=“#FF6666”Text元素定义的颜色将应用于整篇文档。

超级链接颜色linkvlinkalink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色

leftmargintopmargin设置网页主体内容距离网页顶端和左端的距离如: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属性的属性值有1AaIi

6)表单<form>

 表单是用来向服务器提交数据的,主要的属性有:action=“提交后处理的动作”,

method=”提交类型,有postget方法,一般使用post方法,因为get方法容易出现乱码7)标签<input>

         其主要的属性:type属性,有submit提交,按钮buttonreset重置,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的基本概念和语法。 首先,`html.chm` 文件可能是一个帮助文档,通常包含详细的信息和例子,指导用户学习HTML的各种...

    HTML基础知识点汇总

    HTML 基础知识点汇总 HTML(Hypertext Markup Language,超文本标记语言)是网页设计的基础语言,它将影像、声音、图片、文字等连接显示出来。HTML 语言使用标记式的指令(Tag),将网页文件组织起来,并由浏览器...

    html基础ppt

    html基础

    html基础教程学习

    html基础教程学习

    HTML基础.ppt

    HTML基础 教大家了解学习HTML的课件

    HTML基础.xmind

    HTML基础.xmind

    HTML 基础总结 (下).xmind

    HTML 基础知识的总结,适合初学者!

    HTML基础系统、详细整理.md

    详细地整理html基础知识,贯穿整个html知识,系统地整理,一目了然。

    学习html基础.zip

    学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习...

    HTML基础学习.zip

    HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML...

    html基础学习例子.part2

    《html网页设计参考手册》示例源代码 也是我的html基础家教课件的示例源代码 分2个压缩包 html基础学习例子.part1 html基础学习例子.part2

    html基础教程 HTML基础

    这个"HTML基础教程"针对初学者,旨在提供一个全面且深入的学习路径,帮助他们掌握HTML的基本概念和语法。 HTML由一系列元素组成,每个元素都有其特定的含义和功能。这些元素通过标签来表示,如`&lt;html&gt;`、`&lt;head&gt;`和...

    HTML基础.docx

    HTML 基础知识点 HTML 基础知识的学习是网站制作的基础。从学习 HTML 到制作网站,需要哪些工具?浏览器和记事本程序(或类似的简易文本编辑器)便是我们所需的全部工具。 浏览器的选择 在学习 HTML 之前,我们...

    HTML基础学习示例代码.zip

    HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例...

    [HTML]html基础教程 [HTML]html基础教程

    这个压缩包中的"HTML基础教程"显然是为初学者设计的,旨在帮助他们掌握HTML的基本概念和语法,从而能够构建自己的网页。以下是对HTML基础知识的详细讲解: 一、HTML结构 HTML文档由一系列元素组成,每个元素都有...

    html基础ppt下载

    掌握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 基础知识,包括 HTML 标题、HTML 段落、HTML 链接和 HTML 图像等。 HTML 标题 -------- ...

Global site tag (gtag.js) - Google Analytics