`

HTML标签基本知识

    博客分类:
  • html
 
阅读更多

内容来自《web程序设计》和w3school.com

1.   HTML分为头部和主体两部分---一直以为是三部分,但是不知道第三部分是什么。可能与做PDF文件的印象冲突(PDF有个footer)。

2.   <title></title>之间的部分是显示浏览器窗口标题栏上的内容。---总有错觉印象是网页内部比较显眼的东西。

3.    HTML说是忽略空格,字母大小写,但是IE8上测试发现可以加空格(不过多个空格被合并一个);据说左右尖括号不能放在html表示尖括号本身的意思,需要有&lt;等来替换,但是测试发现也是可以的。使用<pre>预编译文本标签可以保存空格效果。

4.    <body>标记的常用属性有:background—网页背景图案;bgcolor—网页背景颜色;text—网页中文字的色彩;link—没有访问过的超文本色彩;vlink—访问过的超文本色彩;alink—访问中的超文本色彩。色彩代码统一是#rrggbb

5.    <hn>标记body中的标题文本字体大小。N=1,2,3,4.……7,从大到小。

6.    <ol><ul>表示有序、无序列表,内容用<li>表示列表项。

7.    <font>标签用来说明某些文字的特征(大小size、字体face、色彩color)。Size的取值为[1~7].

8.    <b><u><i>都是用来标记文本的外在显示效果。比如加粗、下划线、斜体。

9.    <hr>在网页上画一条水平线。<hr>不成对出现。<hr>具有sizewidth属性来标识线的粗细和线的长度。

10.  <center>这个标签是用来表明被它包围的对象左右居中对齐情况。align是属性,它有三个取值,centerrightleft。如:<p align=right>agc</p>.

11.  <table><tr><td>在网页上造表格,分别表示一个表格,表格的一行,表格的一个单元格。都是闭合标签写法。<th>代替<td>,作用是使表头的文本显得醒目一点。

12.  <table>标签的属性有:边框宽度border(如7),表格宽度width(如19,或19%),表格背景颜色bgcolor(如#aabbcc);

13.  <th><td>的属性:widthheight单元格的宽、高,取整数值;alignvalign单元格内容水平垂直对齐方式;bgcolor单元格背景色彩。

14.  <img>标签的属性有:widthheightsrcalign<img>非闭合标签。

15.  <a>超级链接标签。如<a href=”www.baidu.com”>百度</a><br>.超级链接也可以依附在图像上。如<a href=”www.baidu.com”><img height=200 width=200 src=”e:/abc.png” align=”right”></a><br>

16.  <a name=”tips”>文本信息</a>这个语句是创建书签的语法,用在网页内跳转,定位,即锚点。使用时如<a href="#tips">有用的提示</a>。也可直接链接到某个URL的锚点<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

17.  <form>表单标签。常用属性有:action(规定传递数据后,服务器向客户端传送的网页);method(规定传递数据的方式,post用于传送大量数据,get用于传递少量数据);name:表单的名称。例句:<form name=”form01” action=”ab/page.html” method=post> 表示创建form01表单,以post方式向服务器传递数据,传送数据后服务器向客户端发送ab文件夹下的page.html文档。

18.  表单是一种容器类对象。在这个容器中还可以创建其他表单元素:文本框,多选项,提交命令按钮等。注:在html<body>中也可以有<button>标签,意思应该不一样。如下面,当点击按钮时,页面内容改变。

<button onclick="myFunction()">点击这里</button>

<script>

function myFunction()

{

document.write("糟糕!文档消失了。");

}

</script>

19.  <input>标签用来在表单中创建表单元素。表单的类型以其属性type表示。Type的取值有:text,password,checkbox,radio,submit,reset。另外input还有name属性。

分享到:
评论

相关推荐

    html简单知识点总结,常用标签总结,简洁界面 ,框架的基础例子

    这个压缩包文件提供了一个对HTML基础知识的简明总结,特别适合初学者快速入门和复习。以下是对这些知识点的详细解析: 1. **HTML基本结构**:HTML文档通常由`&lt;!DOCTYPE html&gt;`声明开始,表明文档类型为HTML5。接着...

    HTML代码基本知识

    HTML代码基本知识是一种基础知识,包括基本标签、标题标签、文本标签、链接标签等。 1. 基本标签 * &lt;html&gt;&lt;/html&gt;:创建一个HTML文档 * &lt;head&gt;&lt;/head&gt;:设置文档标题和其他不在WEB网页上显示的信息 * &lt;body&gt;&lt;/body...

    html基本(超全的html基础知识)

    HTML标签通常成对出现,如`&lt;h1&gt;`和`&lt;/h1&gt;`,用于定义一级标题。其他常用的标签有: - `&lt;a&gt;`:用于创建超链接,如`访问示例网站&lt;/a&gt;`。 - `&lt;img&gt;`:插入图像,如`图片描述"&gt;`。 - `&lt;div&gt;`:定义文档中的分区或容器,...

    html基础知识点以及常用标签

    本文将深入讲解HTML的基础知识点,包括常用标签和属性,对于自学前端的人来说是很好的学习资料。 首先,HTML文档的头部通常包含`&lt;title&gt;`标签,它定义了浏览器标题栏显示的页面标题,如“家用电器排行榜”。`&lt;meta&gt;...

    html基本知识讲解

    2. HTML标签:HTML由一系列标签组成,它们用尖括号包围,如`&lt;p&gt;`表示段落,`&lt;h1&gt;`至`&lt;h6&gt;`表示六级标题,`&lt;a&gt;`用于创建链接,`&lt;img&gt;`插入图像,` `插入换行,`&lt;ul&gt;`和`&lt;li&gt;`用于无序列表,`&lt;ol&gt;`和`&lt;li&gt;`用于有序...

    html&css入门基础知识点.pdf

    HTML和CSS基础知识点 HTML是用来描述网页的一种语言,指的是超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言。HTML使用标记标签来描述网页的结构和内容。 标记语言是一套...

    HTML初识基础认知 + HTML标签

    HTML初识基础认知是学习HTML标签的基础,理解HTML的基本语法和标签的关系,能够使用排版标签实现网页中的标题、段落等效果,使用相对路径选择不同目录下的文件,使用媒体标签在网页中显示图片、播放音频和视频,使用...

    HTML1.01 HTML标签及规范基础

    HTML1.01 HTML标签及规范基础 本资源主要讲解了HTML的基础知识,包括HTML的概念、发展历程、标签结构、块状元素和行内元素、W3C规范等。同时,本资源还对HTML的功能、版本演进、浏览器内核、动态网页和静态网页进行...

    html基础学习知识

    在学习HTML时,理解并熟练运用这些基础知识至关重要。通过实践和不断探索,你可以创建功能丰富、美观的网页。这个压缩包中的"html"文件可能包含了这些知识点的实例,通过实际操作可以更好地掌握HTML的使用。

    HTML+CSS基础知识点.pdf

    HTML+CSS 基础知识点总结 HTML+CSS 是前端开发的基础技术,掌握 HTML、CSS 和 JavaScript 语言是必不可少的。下面是 HTML+CSS 基础知识点总结: 1. HTML 是网页内容的载体,内容就是网页制作者放在页面上想要让...

    HTML基础知识点总结 .doc

    本篇总结涵盖了HTML的基础知识点,主要分为三个章节,分别是HTML文档结构、元素标签及样式控制、以及表单处理。 **一、HTML文档结构** HTML文档通常由`&lt;!DOCTYPE&gt;`声明开始,用来指定文档使用的HTML版本。接着是`...

    HTML5知识点思维导图(手工整理)

    HTML5是超文本标记语言的最新版本,它在网页开发领域...HTML5不仅扩展了原有的HTML标签,还增强了网页的语义性,提高了可用性和可访问性。通过理解和熟练运用这些标签,开发者能构建出更加高效、易读且功能丰富的网页。

    完美html教程,里面包含两个ppt html课件,一个一个html标签库文档

    通过这些资料,学习者可以系统地理解HTML的基础知识,从创建简单的静态页面开始,逐步掌握更复杂的网页结构和交互。在实践中,配合使用浏览器的开发者工具,学习者可以更好地理解HTML元素如何在实际网页中呈现,从而...

    html综合手册(html 基础知识 手册)

    这个“html综合手册”包含了一系列关于HTML的基础知识和实例,旨在帮助学习者全面掌握HTML的使用。 1. HTML结构基础:HTML文档通常由一系列元素组成,这些元素通过开始标签(如`&lt;div&gt;`)和结束标签(如`&lt;/div&gt;`)...

    HTML基础知识讲解!

    HTML 基础知识讲解 HTML 基础知识是网页开发的基础,了解 HTML 基础知识是学习网页开发的必备条件。本文将详细讲解 HTML 基础知识,包括 HTML 标题、HTML 段落、HTML 链接和 HTML 图像等。 HTML 标题 -------- ...

    HTML框架标签超链接标签控件标签PPT教案.pptx

    HTML是 HyperText Markup Language 的缩写,是一种用于创建网页的标准...学习这些内容对于构建动态、交互性强的网页至关重要,是Web开发的基础知识。通过熟练掌握这些标签,开发者可以创建更加丰富和复杂的网页应用。

    html标签使用教程

    HTML标签使用教程详细讲解了HTML页面开发中常用的标签及其使用方法,覆盖了HTML的基础知识和结构框架,具体包括以下几个方面: 1. HTML基础:介绍HTML(Hypertext Markup Language)的基本概念,解释了其作为超文本...

    HTML基础知识学习

    2. **HTML标签**:HTML标签是构建页面结构的关键,如`&lt;html&gt;`,`&lt;head&gt;`,`&lt;body&gt;`,`&lt;h1&gt;`至`&lt;h6&gt;`(标题标签),`&lt;p&gt;`(段落标签),`&lt;a&gt;`(链接标签),`&lt;img&gt;`(图像标签)等。正确使用这些标签有助于搜索引擎...

    html网页设计基础知识

    HTML(HyperText Markup Language)是网页...掌握这些基础HTML知识后,网页设计师可以创建基本的静态网页。随着对CSS和JavaScript的深入学习,可以实现更复杂的布局、动态效果和交互性,从而提升网页的设计和用户体验。

Global site tag (gtag.js) - Google Analytics