HTML extension入门笔记

合集下载

HTML网页设计基础的知识点

HTML网页设计基础的知识点HTML（Hypertext Markup Language）是一种标记语言，用于创建网页结构和内容。

在网页设计中，了解和掌握HTML的基础知识点是至关重要的。

本文将介绍一些HTML网页设计的基础知识点，帮助你更好地理解和应用HTML。

一、HTML的基本结构一个HTML网页由以下几个主要部分组成：1.<!DOCTYPE> 声明：指定HTML版本2.<html> 标签：指示文档的开始和结束3.<head> 标签：定义文档的元数据，包括标题、字符编码等4.<body> 标签：定义文档的可见内容5.其他标签：用于定义网页结构、样式和元素等二、HTML标签的使用HTML标签用于定义网页的结构和内容。

常见的HTML标签有：1.<h1> - <h6> 标签：定义标题，h1最高级别，h6最低级别2.<p> 标签：定义段落3.<a> 标签：定义超链接，链接到其他网页或内部书签4.<img> 标签：插入图片5.<div> 标签：定义文档中的一个区域或容器6.<span> 标签：定义文档中的一个行内区域或容器7.<ul> 和 <li> 标签：定义无序列表8.<ol> 和 <li> 标签：定义有序列表9.<table>、<tr>、<th> 和 <td> 标签：定义表格和表格的行、表头和单元格10.<form>、<input> 和 <button> 标签：定义表单和输入元素11.<br> 和 <hr> 标签：定义换行和水平线三、HTML属性HTML标签可以具有属性，用于进一步定义元素的行为和样式。

常见的HTML属性有：1.class 属性：为元素指定一个或多个类名，用于定义样式或JavaScript操作2.id 属性：为元素指定唯一的标识符，用于JavaScript操作或CSS 样式3.style 属性：为元素指定内联样式4.src 属性：指定图像或嵌入式内容的URL5.href 属性：指定链接的URL6.target 属性：指定链接打开的目标窗口或框架7.value 属性：定义输入元素的默认值8.type 属性：定义输入元素的类型（如文本、按钮、复选框等）四、CSS样式和HTMLCSS（Cascading Style Sheets）是用于描述网页样式和布局的样式表语言。

html学习笔记

HTML学习1.HTML 文件结构：<html>...</html><head>...</head><body>...</body>2. 基本组成部分——HTML元素属性：HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。

元素属性出现在元素的< >内，并且和元素名之间有一个空格分隔；属性值用“”引起来。

<html><head><title>my first page</title></head><body><p align="center">This is my first homepage!</p></body></html>3. <head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。

<title>与</title>之间的内容将显示在浏览器窗口的标题栏。

4. <meta>元素下面可以插入很多很有用的元素属性。

介绍四种–<meta name="keywords" content="study,computer">用来标记搜索引擎在搜索你的页面时所取出的关键词。

–<meta name="author" content=“wutao">用来标记文档的作者。

–<meta http-equiv=“Content-Type”content=“text/html;charset=gb2312”>用来标记你的页面的解码方式。

–<meta http-equiv=“refresh” content=“5;URL=”>用来自动刷新网页5. <body>元素表明是HTML文档的主体部分。

html入门课堂笔记

type--类型
text--文本
3.密码框
<input type="password" name="名称" size="宽度"/>
4.多行文本框
<textarea rows="行数" cols="宽度">...</textarea>
5.单选按钮
<input type="radio" name="名称" value="值" checked="checked"/>
<font size="字号" face="字体" color="颜色">...</font>
七。
1.段落
<p align="left/center/right">....</p>
<p 对齐 ="左 /居中/ 右">
2.换行
<br />
没有结束标签的标记成为空标签 ,空标记的结束方法是<标记 />
一。
HTML指的是超文本的标记语言
二。XHTML
XHTML指的是扩展的超文本标记语言 8.0-----2004
三。XML
XML指的是扩展的标记语言
四。 HTML的结构代码大部分是成对出现的
<html>
<head>
<title>标题</title> head是html的头部信息，它里头存放的是浏览器不可见的 </head> 信息，如title(标题)，style(样式)，meta等

HTML笔记（适合新手入门）

HTML笔记（适合新⼿⼊门）HTMLWeb 标准构成Web标准不是某⼀个标准，⽽是由W3C和其他标准化组织制定的⼀系列标准的集合。

主要包括结构（Structure）、表现（Presentation）和⾏为（Behavior）三个⽅⾯。

结构标准：结构⽤于对⽹页元素进⾏整理和分类，咱们主要学的是HTML。

最重要表现标准：表现⽤于设置⽹页元素的版式、颜⾊、⼤⼩等外观样式，主要指的是CSS。

⾏为标准：⾏为是指⽹页模型的定义及交互的编写，咱们主要学的是 JavascriptHTML标签分类在HTML页⾯中，带有“< >”符号的元素被称为HTML标签。

所谓标签就是放在“< >” 标签符中表⽰某个功能的编码命令，也称为HTML标签或HTML元素。

1.双标签<标签名> 内容 </标签名>该语法中“<标签名>”表⽰该标签的作⽤开始，⼀般称为“开始标签（start tag）”，“</标签名>” 表⽰该标签的作⽤结束，⼀般称为“结束标签（end tag）”。

和开始标签相⽐，结束标签只是在前⾯加了⼀个关闭符“/”。

⽐如 <body>我是⽂字 </body>2.单标签<标签名 />单标签也称空标签，是指⽤⼀个标签符号即可完整地描述某个功能的标签。

⽐如 <br />HTML标签关系标签的相互关系就分为两种：1.嵌套关系<head> <title> </title> </head>2.并列关系<head></head><body></body>⽂档类型<!DOCTYPE><!DOCTYPE html>这句话就是告诉我们使⽤哪个html版本？我们使⽤的是 html 5 的版本。

html有很多版本。

HTML制作1-2课时个人笔记

HTML单机独立网页WWW 是world wide web(环球信息网)的缩写，也可简称为web,中文名为“万维网”。

http协议超文本传输协议用于从WWW服务器传输超文本到本地浏览器的传送协议网页首页（主页）内页（分页）内页一般为信息的载体，外爷一般为连接点HTML即超文本标记语言，或成为“多媒体文件语言”，可以标记超链接、文本样式、页面标题、插入图片或动画等多媒体元素，以此来创建Web页面HTML文件是有HTML命令组成的描述性文本，原则上可以用任何文本编辑器对其进行编辑。

一个基本的HTML文档的结构应该包括头部（Head）、主体（Body)两大部分。

头部描述浏览器所需的信息，主体包含所要页面的具体内容。

HTM超文本标记语言的标记符是通过标签（也叫标记符）来定义网页内容的。

HTML超文本标记语言表在使用过程中，所有的标签都必须用家括号括起来。

HTML中的表情大多是成对出现的，而后面的标签都是在前面标记的文字之前应加一个“/”，如<A> </A> 或<HTML> </HTML>等，在一对标签中前面表示开始后面表示结束。

HTML基本机构如下所示：<HTML><HEAD><TITLE>冬奥会中国代表队载誉归来</TITLE> (这里显示的是文档或网页标题)</HEAD><BODY>新华社北京2月28电参加****往机场迎接</BODY></HTML>其中<HTML>是最外层，表示这对标记间的内容是HTML文档，<HEAD>是头部信息<TITLE>是标题，<BODY>和</BODY>之间及就是网页文档内容。

HTML常见标签： :注释标记，在“<--”与“-->”之间的内容不在浏览器中显示。

HTML学习笔记

HTML整理笔记By:小A（我在这里虽然是把HTML标签做个简单的介绍，我想我写的很详细，即使不会，没接触过HTML的人也能够看的懂，也能够学会，还有...第一次写没有大纲，见谅！最后送给大家一句话：多抽出一分钟时间来学习,让你的生命更加精彩!）1.什么是HTML？HTML (Hyper Text Markup language)超文本标记语言，用于创建网页文档。

使用HTML标记（标签）和元素创建扩展名html 、htm2.HTML常用标记（标签）标记类型名称或意义作用备注文件标记<HTML>●文件宣告让浏览器知道这是HTML 文件<HEAD>●开头提供文件整体信息<TITLE>●标题定义文件标题，将显示于浏览器顶端<BODY>●主体设计文件格式及内容所在排版标记○说明标记为文件加上说明，但不被显示<P>○段落标记为字、图、表格等之间留下一空白行<BR>○换行标记令字、图、表格显示于下一行<HR>○水平线插入一水平线反对<CENTER>●居中令字、图、表格等显示于中间<PRE>●预设格式令文件按原代码的排列方式显示<DIV>●定位标记设定字、图、表格等的摆放位置<NOBR>●不换行令文字不因太长而换行<WBR>●建议换行预设换行部位字体标记<STRONG>●加重语气产生字体加粗Bold 的效果<B>●粗体标记产生字体加粗的效果<EM>●强调标记字体出现斜体效果<I>●斜体标记字体出现斜体效果<TT>●等宽字体Courier字体，字母宽度相同<U>●加下划线加下划线反对<H1>●一级标题标记将字体变大，级数越高越小<H2>●二级标题标记将字体变大<H3>●三级标题标记将字体变大<H4>●四级标题标记将字体变大<H5>●五级标题标记将字体变大<H6>●六级标题标记将字体变大反对<FONT>●字体标记设定字体、大小、颜色反对<BASEFONT>○基准字体标记设定所有字体、大小、颜色<BIG>●字体加大令字体稍微变大<SMALL>●字体缩小令字体稍微缩小<STRIKE>●加删除线为文字加删除线反对<CODE>●程式码字体稍微加宽如<TT><KBD>●键盘字字体稍微加宽，单一空白<SAMP>●范例字體稍為加寬如<TT><VAR>●变量斜体效果<CITE>●斜体标记斜体效果<BLOCKQUOTE>●向右缩排文字向右缩排<DFN>●述语定义斜体效果<ADDRESS>●地址标记斜体效果<SUB>●下标字文字下标<SUP>●上标字文字上标清单标记<OL>●顺序清单清单项目将以数字、字母顺序排列<UL>●无序清单清单项目将以实心圆点作为符号排列<LI>○清单项目清单中的项目，一个标记一行反對<MENU>●选项清单可用type参数指定项目符号。

HTML自学笔记

HTML自学笔记笔记人：田克传一、深入体验JavaScript网页编程1、HTML语言基础<body>标签的属性示例Text属性：用于设定整个网页中的文字颜色。

Link属性：用于设定一般超级链接文本的显示颜色。

Alink属性：用于设定鼠标移动到超链接上时，超链接文本的显示颜色。

Vlink属性：用于设定访问过的超链接文本的显示颜色。

Background属性：用于设定背景墙纸所用的图像文件，可以是GIF或JPEG文件的绝对或相对路径。

Bgcolor属性：用于设定背景颜色，当已设定背景墙纸时，这个属性会失去作用，除非墙纸具有透明部分。

Leftmargin属性：用于设定网页显示画面与浏览器窗口左边沿的间隙，单位为像素。

Topmargin属性：用于设定网页显示画面与浏览器窗口上边沿的间隙，单位为像素。

Class、name、id、style等属性。

注释符与特殊字符示例用<!—注释→这种格式加入注释。

<p></p> 段落标签。

（具有Align属性：center为居中，left为左对齐，right为右对齐。

） <br> 换行。

<nobr></nobr> 防止浏览器自动换行。

<blockquote></blockquote> 浏览器按缩进效果显示。

<center></center> 水平居中显示。

<marquee></marquee> 通知浏览器移动显示。

（具有属性behavior=“slide”或“scroll”或“alternate”，direction=“up”或“down”或“left”或“right”）<dl></dl> 创建普通列表。

<dt></dt> 创建列表上层的显示条目。

<dd></dd> 创建列表下层的显示条目。

HTML学习笔记

HTML学习笔记--HTML的语法详解
一.什么是HTML标记语言？
HTML是表示网页信息的符号标记语言。

二.HTML的标记和他的属性
1.HTML文档的保存格式：.html、.htm、.xhtml
2.标记和被标记的内容构建出HTML文档。

格式：<标记>内容</标记>
3.标记的属性（用来控制图像、文本等如何的显示）格式：<标记属性1=属性值属性2=属性值...>内容</标记>
三.语法不区分字母大小写
<HTML>、<Html>、<html>都是定义相同的标记，但是在编写网页的使用尽量使用小写。

四.文档注释
注释一段内容时使用""结束。

例如：

以上这篇HTML学习笔记--HTML的语法详解就是小编分享给大家的全部内容了，希望能给大家一个参考。

前端基础HTML知识点汇总

前端基础HTML知识点汇总
HTML（Hypertext Markup Language）是一种标记语言，用于创建网页结构。

熟练掌握HTML的基础知识是成为一名合格的前端工程师的必备条件。

下面是前端基础HTML知识点的详细汇总。

1.HTML基本结构
2.标题和段落
3.文本格式化
4.链接
5.列表
6.图像
7.表格
8.表单
9.块级元素和内联元素
每个元素都可以被归为块级元素或内联元素。

块级元素会自动换行，如`<div>`、`<p>`等。

内联元素不会自动换行，如`<span>`、`<a>`等。

10.颜色和背景
`color`属性用于定义文本颜色，`background-color`属性用于定义背景颜色。

可以使用具体的颜色值，如`red`、`ff00`，也可以使用RGB 或RGBA值。

11.字体和文本样式
`font-family`属性用于定义字体，`font-size`属性用于定义字体大小。

可以使用具体的字体名称，如`Arial`、`宋体`，也可以使用相对尺寸或绝对尺寸。

12.CSS样式
13.路径
图像、样式表和脚本等文件的路径可以是相对路径或绝对路径。

相对路径是相对于当前文件的路径，绝对路径是从根目录开始的完整路径。

14.注释
15.HTML5新特性
以上是前端基础HTML知识点的简要总结。

要成为一名优秀的前端工程师，还需要深入学习和实践这些知识，并学习相关的CSS和JavaScript知识才能掌握完整的前端技能。

HTML学习笔记

HTML学习笔记王慧东2017/11/6基础知识1、html：超文本标记语言，标记：就是用来描述网页内容的一些特定符号，不是编程语言，而是一种描述性的标记语言。

2、制作html网页文件a、新建一个记事本文件，将他重命名*.htmlb、在里面输入网页的信息内容c、在要修饰的内容的两侧加html标记3、html标记的语法：标记分为两种：单标记、双标记a、<标记符>没有结束的标记---单标记<标记名称>单一型，无属性值，如<br><标记名称属性=“属性值”>单一型，有属性值，如<hr width="50%">b、<开始标记><结束标记> ---双标记<标记名称></ 标记名称>没有属性值，如<title></title><标记名称属性=“属性值”></ 标记名称>有属性值<bodybgcolor="red"></body>注意：源代码中的效果，并不是浏览器最终的效果。

4、标记与属性、属性之间以空格分隔，属性不区分先后顺序，且属性不是必须的。

5、在xhtml中，规定，所有html标记都要小写，所有标记都要有关闭html---xhtml<br>---<br />6、html文档结构所有的网页文件，通常由四对标记来构成，文档的骨架：<html>标识网页文件的开始与结束，所有html元素都要放在这对标记中<head>标识网页文件的头部信息，如标题、搜索引擎的关键字等<title>标识网页文件的标题标题</title></head><body>标识网页文件的主题部分正文</body></html>7、meta标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。

HTML学习笔记

Html中的<br/>换行标签和段落标签<p></p>之间的不同定义和用法<br> 可插入一个简单的换行符。

<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。

在XHTML 中，把结束标签放在开始标签中，也就是<br />。

请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到<p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。

预格式化文本就是完全按照书写一致的输出文本，无论空格还是回车，完全一致。

这是预格式(preformatted)文本浏览器会保留pre里面的空格和分行。

pre用来表示计算机代码，效果很好。

预格式化文本<pre> 打开预格式化文本</pre> 结束预格式化文本没错,<pre> 表示"格式化的"(preformated). 预格式化文本与一般文本的区别表现在两个方面：(1)它将以单一间隔, 或固定字号显示, (2)它在浏览器窗口中的显示与打字时的显示相同，包括回车和空格。

预格式化文本最适合于展示代码，ASCII 艺术，卡明斯诗歌(卡明斯是美国本世纪早期和中期一个反传统的诗人, 其诗歌以形式怪异而著称. 译者注) 或回行和空格是有目的和必需的其他文字形式。

但要注意，每行必须按回车，否则文本就会超出浏览器窗口.预格式化文本的HTML 代码如下所示：<pre> 亲爱的猴阿姨,我今天很想借一些回车和空格如果你让我明天还你...</pre>这个显示将是惊人的一致:亲爱的猴阿姨,我今天很想借一些回车和空格如果你让我明天还你...现在, 让我们从以上例中把它精确的HTML 取出, 但把它拿到<pre> 外：<p> 亲爱的猴阿姨,我今天很想借一些回车和空格如果你让我明天还你...看看它是怎么显示的：亲爱的猴阿姨,我今天很想借一些回车和空格如果你让我明天还你...看到了吗? 回行和空格--对我们这封短信来讲, 这多么至关重要,在普通HTML 中却被忽略或淡化了.预格式化文本格式可能很严格(在有些浏览器中，它不能做目录和标题), 但它可以成功地和其他标签结合起来。

(完整)HTML初级知识点总结,最详细总结,文档

HTML超文本标记语言，一种标准预定义，已经定义好的各种标记，只需要我们把对应的标记放到合适的地址一 . HTML 根本语法与根本结构〔重点〕标记的使用1、标记一般成对出现，包含开始标记和结束标记2、标记能够嵌套使用，但是不能够交织使用3、标记不区分大小写属性的使用〔属性控制内容的格式，额外的格式〕1、书写地址在开始标记中2、格式：属性名=“属性值〞，多个属性之间使用空格切割3、不相同的标记属性可能相同也可能不相同4、属性使用的标记中，只能对本标中的内容记产生影响5、属性不矛盾时，收效叠加，属性矛盾时，就近原那么html 的根本结构<html>----声明网页<head>----网页的头部信息<title>标题 </title> ----网页的标题</head><body>----网页的主体，网页内容主要显现的局部网页的主要内容</body></html>二 . 文本格式的应用1、标题标记 <hn>,n 的取值 1 -6,1 级标题最大收效：加粗显示，带有自动换行属性： align 控制标题的对齐方式，取值left 〔左对齐，默认值〕| center 〔居中〕| right 〔右对齐〕2、段落标记 <p>收效：把内容分段显现，自动换行属性： align ，控制段落内容的对齐方式，取值 left 〔左对齐，默认值〕 |center 〔居中〕 | right 〔右对齐〕3、换行符 <br /> ,单标记，不需要结束标记，换行但不分段空格符号：&nbsp ;表示一个空格逼迫换行符： <br />4、水平线标记 <HR />,单标记收效：水平线 ,默认是一个粗细为2px〔像素〕的线条属性： size 控制水平线的粗细，取值为整数，单位为像素〔px〕width 控制水平线的长度，取值能够是像素单位，也能够是百分数〔相对于阅读器窗口百分比〕noshade设置水平线不带有阴影，该属性不需要取值color设置水平线的颜色，取值能够是英文的颜色值，也能够是十六进制的颜色代码align 控制水平线的对齐方式，取值left(左对齐)|center〔居中，默认值〕|right 〔右对齐〕5、分节标记 <div>收效：把内容设置为一节，前后带有自动换行属性： align 控制 div 中内容的对齐方式，取值 left 〔左对齐，默认值〕 | center〔居中〕 | right 〔右对齐〕6、居中标记符 <center>收效：把center 标记中的内容居中显示7、文本控制标记<font>收效：控制字体的各种显示样式1--7，数字越大字体越大，属性： size 控制字体的大小，取值为绝对值时，取相对值时，参照的是默认字体〔 3 号〕，取值在 -2--+4 之间color 控制字体的颜色face 控制字体的字体，取值能够是多个值，多个值之间使用逗号切割，取值时从左往右依次取值，找到合适的值为止，假设都不支持，使用默认格式显示8、字体的物理样式加粗： <b>斜体： <i>下划线： <u>删除线： <s>上标： <sup>下标： <sub>1、常用逻辑字符<ADDRESS>网页设计者或保护者的信息，平时显示为斜体<CITE>表示文本属于引用，平时显示为斜体<CODE>表示程序代码，平时显示为固定宽度字体<DFN>表示定义了的术语，平时显示为黑体或斜体<EM>重申某些字词，平时显示为斜体<KBD>表用户的键盘输入，平时显示为固定宽度字体<SAMP>表示文本样本，平时显示为固定宽度字体<STRONG>特别重申某些字词，平时显示为粗体<VAR>表示变量，平时显示为斜体2、列表标记1、有序列表， <ol>，需要配合 <li>标记使用一个 <li>标记对应一个选项ol 的属性： type控制列表的符号样式，取值1|A|a|i|I ，默认是 1start控制列表的初步值，取值为任意的整数li 的属性： type控制选项自己的符号样式，取值1|A|a|i|Ivalue控制选项自己的初步值，取值为任意整数，但是更正自己初步值此后，会对同一个列表中本选项此后的同级<li>标记产生影响2、无序列表， <ul>，配合 <li>标记使用一个 <li>标记对应一个选项ul 的属性： type控制所有选项的符号样式，取值 disc〔实心圆，默认值〕 |circle〔空心圆〕 |square 〔方块〕li 的属性： type控制选项自己的符号样式li 标记用在ol 中， type 属性的取值跟ol 的type属性取值走，用在ul 中，跟着ul 的 type 属性取值走3、定义列表，<dl>，完成对定义列表的声明<dt>，术语标记，能够理解为近似于列表选项的标题使用<dd>,描述标记，能够理解为近似于列表的选项使用三 . 在网页中使用图片标记： <img>,单标记，不需要结束标记属性：src引入图片资源的路径绝对路径：资源在效劳器上的地址，该地址是从盘符出发相对路径：资源在效劳器上的相对地址，从网页自己出发返回上一层文件夹width控制显示图片的宽度，取值为像素也许百分数height 控制显示图片的高度，取值为像素也许是百分数只设置宽度或高度时，图片保持等比缩放，同时设置时，同时见效border hspace vspace 控制显示图片的边框，取值为像素，默认不显示边框控制显示图片水平方向上的空白，取值为像素控制显示图片垂直方向上的空白，取值为像素align 控制图片和周围文本的对齐方式垂直方向上：top 文本和图片顶部对齐bottom 文本底部和图片底部对齐middle 文本的底部和图片的中部对齐absmiddle 绝对中间对齐，文本的中部和图片的中部对齐水平方向上： left 图片在左，文本在右right 文本在左，图片在右图片的对齐方式：借助 <div>也许 <p>四 . 在网页中使用超链接4、超链接标记： <a>...</a>,经过链接跳转到新的资源属性： href链接的目标资源的路径链接外面资源时，必然是绝对路径，并且需要在路径前加上【 :// 】这个网络通信协议target 指定超链接的翻开方式，_self 在自己的页面翻开超链接(默认的打开方式 )，_blank重新翻开一个新的阅读器窗口建立锚点〔书签〕内部书签1、设置锚点的名称比方：<a name="锚点名">...</a>2、使用超链接完成跳转比方： <a href="#锚点名 ">...</a>外面书签1、设置锚点的名称比方：<a name="锚点名">...</a>2、使用超链接完成跳转比方： <a href="锚点所在页面的路径#锚点名">...</a>超链接发送电子邮件，格式 <a href="mailto: 邮箱地址 "> 发送邮件 </a>2、链接多媒体五 . 表格的应用表格的结构<table>---声明表格<caption>...</caption> ---表格的标题<tr>----表格的行<td>....</td> ---表格的列....</tr><tr>----表格的行<td>....</td> ---表格的列....</tr>...</table><table>标记，定义表格，所有表格的内容书写在<table> 开始和 </table> 结束标记之间属性： frame 控制表格最外层的四个边框取值：void默认值，不显示边框above 仅显示上边框below 仅显示下边框hsides 显示上下边框vsides 显示左右边框lhs 仅显示左边框rhs 仅显示右边框box、 border 显示四个边框rules 控制表格内局部割线取值：none 默认值，不显示rows 显示行切割线cols 显示列切割线all 显示所有切割线bordercolor 控制边框的颜色border 控制表格的所有边框，取值为像素cellspacing 控制单元格与单元格之间的空白，取值为像素cellpadding 控制单元格内容和单元格边框之间的空白，取值为像素width设置单元格的宽度，取值为像素也许百分数height 设置单元格的高度，取值为像素也许百分数align 控制表格的对齐方式，取值 left( 默认值 )|center|rightbgcolor 设置表格的背景色background 设置表格的背景图当背景色和背景图同时设准时，优先使用背景图<caption>表格的标题，必定书写在<table>之间属性： align控制表格标题的地址，取值top( 标题在表格的顶部)| bottom〔标题在表格的底部〕<tr> 定义表格的行属性： align 控制整行单元格内容的水平对齐方式，取值left 〔默认值，缺省值〕 | center|rightvalign 控制整行单元格内容的垂直对齐方式，取值top|middle〔默认值〕|bottom height 设置行的高度，取值为像素bgcolor 设置行的背景色background 设置行的背景图bordercolor 设置行的边框颜色<td> 列标记<th>列标题标记都能够作为列使用，<th>列标题标记，内容有加粗显示的收效，并且带有自动居中属性： align 控制单元格内容的水平方向对齐方式，取值left|center|right valign控制单元格内容的垂直方向对齐方式，取值top|middle〔默认值〕|bottomheight 设置单元格的高度，取值以像素为单位，当同一行中不相同的单元格设置的高度也不相同时，整行的高度取值按最大值来width 设置单元格的宽度，取值以像素为单位，当同一列中不相同行的单元格设置的宽度不相同时，整列的宽度取值按最大值来bgcolor 设置单元格的背景色bakground 设置单元格的背景图rowspan 合并行colspan 合并列合并行和合并列的取值都是整数，合并几个单元格取值就是几六 . 框架的应用1、框架框架集标记 <frameset>，在原有的html 结构基础上， <frameset>代替了<body>的地址，换句话说，<frameset>和<body>不能够共存，只能出现一个属性：rows 设置横向框架的数量和高度，框架的数量取决于rows 属性的取值个数，每个框架的高度取决于值的大小cols 设置纵向框架的数量和宽度，框架的数量取决于cols 属性的取值个数，每个框架的宽度取决于值的大小rows 和 cols 的取值方式1、像素值2、百分数3、比率取值rows 和 cols 取值，能够有多个值，值与值之间使用逗号切割，并且不能够有空格格， cols 和 rows 属性一般不相同时设定，要想实现页面的纵向和横向切割，能够使用框架的嵌套来实现frameborder 使用在 frameset 中，能够控制框架集下的所有框架边框可否显示框架标记 <frame />,单标记属性： src引入目标资源的路径name给框架起名字，需要配合超链接的target属性来使用，到达链接目标框架的目的frameborder控制框架的边框可否显示，0 表示不显示，1显示默认的3D 边框scrolling控制框架可否参加转动条，取值yes(参加转动条，需要时加入)| no(不参加转动条 )| auto (需要时参加转动条，默认值)noresize 固定框架的边框，该属性不需要取值marginheight 在框架中显示内容时，控制内容和框架上下边框之间的空白，取值以像素为单位，以上边框为准marginwidth在框架中显示内容时，控制内容和框架左右边框之间的空白，取值以像素为单位，以左边框为准<noframes> 当阅读器不支持框架时，显示的代替内容，必定包含一对<body>标记使用七、表单的应用表单1.表单标记<form>,表单不能够嵌套使用，所有表单的内容必定书写在表单的开始标记和结束标记之间表单结构：<form><input type=〞text单行〞文>本格式<input type=〞password〞>密码输入框<input type=〞checkbox复选〞框>格式<input type=〞radio〞name=单〞选sex框格〞>式<input type=〞submit提交〞>的格式<input type=〞reset重置〞>格式<input type=〞button自定〞>义格式<select>下拉菜单格式<option> 汉族 </option><option> 满族 </option><option> 壮族 </option><option> 土家族 </option></select><textarea >cols="50" rows="4"> 请多多见教多行文本</textarea></form>表单域 <input>不相同功能的表单域type 属性的取值不相同属性：type控制表单域的功能取值text 单行文本password checkbox 密码输入框复选框radio 单项选择按钮要实现单项选择，还要在后边加上相同的名字，例：<input type=〞radio〞name=〞.....〞>submit 提交reset 重置button自定义按钮value 属性使用在提交、重置、自定定义按钮中，能够改变按钮的默认值 value 属性使用在单行文本和密码框中，增加默认值maxlength 属性使用在单行文本和密码框中，限制输入的最大字符数，取值为整数checked=“checked〞使用在复选框和单项选择框中，表示该选项默认被选中<select>....</select>，菜单里有多个选项，一般用于选择年.月.日属性 1：<option>...</option>，一对option代表一个下拉选项属性 2：<select>....</select>select代表一个下拉菜单，一对多行文本：<textarea > </textarea > 成对出现属性： cols= 〞 ....〞取值cols为整数，限制每行的最多内容(完满)HTML初级知识点总结,最详细总结,文档Rows=〞 ...〞取rows值为整数，限制多行文本的行数。

(完整版)HTML爱淘课学习笔记

爱淘课学习笔记1、html头部标记（1) 网页标题标记〈title〉</title〉；(2）meta标记meta叫做元信息标记,这个元素提供的信息不显示在页面中，一般用来定义页面的关键字、页面说明、刷新等。

meta标记不需要结束标记，一个尖括号内就是一个meta内容，在一个html页面中可以有多个meta。

meta元素的属性有两个:分别是name和http—equiv.name-—设置网页的关键字和描述信息等；设置关键字：如：<meta name=”keywords” content=”百度贴吧" >设置描述信息，如：<meta name=”description”content="这是描述信息” /〉其他的，还可以设置网页作者,如：〈meta name=”author” content=”周杰伦" / 〉http-equiv——定义网页语言的属性,当访客浏览你的网页时，浏览器会自动识别并设置网页中的语言；设置语言：<metahttp—equiv=”content-type”content=”text/html”charset=”GB2312” />(前半部分需要记忆，只需要更改charset的属性值就可以了，可以更改为中文、日文、英文等)。

设置网页在指定时间自动跳转:〈meta http—equiv=”refresh”content="5;url=http://www。

” / 〉即网页打开5秒钟之后，自动跳转到百度页面上。

2、body标签（1）body标签的属性①设置网页背景色或网页背景图body标签中用bgcolor来定义网页的背景颜色，属性值为16进制的颜色值。

直接写在body标签的尖括号里即可。

如：<body bgcolor="＃FF00FF”>body标签中用background属性来定义网页的背景图，如：<body background=”1.jpg”〉（建议图片地址使用相对路径)②设置文字的颜色—-通过body标签的text属性如:<body text="＃FFFF00”>我们可爱的学校〈/body〉预览网页，可发现字体的变化。

html学习笔记

html学习笔记-常用标签-标签写法及嵌套讨论201509061、标签写法讨论1.1元素标记的省略1）不允许写结束标签的元素area,base,br,col,command,hr,input,keygen,meta,paran,source,track,wbr.这些标签都是单标签，不允许写结束标签，例如：br标签，不可以写成<br></br>,只能写成<br />这样来关闭标签。

2）可以省略结束标记的元素有：li,dt,dd,p,rt,rp,optgroup,option,colgroup,ghead,tbody,tfoot,tr,td,th.3)可以省略全部标记的元素有：html,head,body,colgroup,tbody1.2.具有boolean值的属性例如：disabled,readonly,checked等只写属性而不写属性值的时候，当做true不写属性表示false1.3、属性值的引号可以省略要求：属性值不包括空字符，<,>,=, ‘,”注意：养成良好的代码书写习惯，可以为你节约不少时间。

2、标签嵌套讨论2.1html规定我们必须要嵌套着写的标签例如：页面头部是嵌套在head标签里面的，主题内容都是嵌套在body里面的，表单的内容是嵌套在form标签里面的，dt、dd是嵌套在dl标签里面的，li是嵌套到ul标签里面的，等等…2.2块级元素可以嵌套内联元虚，但是内联元素不能包含块元素<div><span>我是一个span元素</span></div> -----对<span><div>我是一个div元素</div></span> -------错2.3内联元素可以嵌套内联元素<a href=”#”><span></span></a> ------------对2.4块级元素与块级元素嵌套注意点1）div块级元素是一个容器，几乎可以存放任何常用标签，包括自己，我们为什么要使用div来嵌套标签？这个问题可以用我们国家的省份划分来解释，国际需要划分不同的省份来利于管理，那么我们html页面也是的，整个html文档元素太多，我们需要使用div标签将页面划分成不同的块，这样可以对每个块进行分开管理，学完css我们就知道怎么进行管理了。

HTML语言笔记

HTML网页设计课程语言一、专业术语1.HTML 标文本标记语言，用于开发网页，不区分大小写2.网页又叫HTML文档，就是一个文件。

*.html *.htm3.HTTP 超文本传输协议4.网站网页的集合5.URL 俗称网址，统一资源定位符二、HTML代码（1）所有的HTML标记代码必须放在<…>当中（2）大多数标记都是成对出现的。

<…><…/>（3）网页的基本结构<html><head></head><body></body></html>（4）常用标记1.段落标记<p>……</p>注：默认段落与段落之间有空行例：<HTML><HEAD></HEAD><BODY><p>我可以接受失败,但我不能接受放弃! ——迈克尔·乔丹</p><p>忍耐和坚持虽是痛苦的事情，但却能渐渐地为你带来好处。

——奥维德，古罗马诗人 </p> </BODY></HTML>2.换行标记<br> 注：这个是单标记例：<HTML><HEAD></HEAD><BODY>我可以接受失败,但我不能接受放弃! ——迈克尔·乔丹<br>忍耐和坚持虽是痛苦的事情，但却能渐渐地为你带来好处。

——奥维德，古罗马诗人 <br>放弃时间的人,时间也会放弃他。

——莎士比亚</BODY></HTML>3.字体加粗、斜体、下划线<b>……</b> ——(bold)加粗例：<HTML><HEAD></HEAD><BODY><b>我可以接受失败,但我不能接受放弃! ——迈克尔·乔丹</b><br><b>忍耐和坚持虽是痛苦的事情，但却能渐渐地为你带来好处。

html学习笔记

html学习笔记HTML（HyperText Markup Language）是一种用于创建网页的标记语言。

学习HTML是网页开发的第一步，它是构建网页的基础。

在学习HTML的过程中，我收获了很多知识和经验，下面是我学习HTML的一些笔记。

首先，我学习了HTML的基本结构。

一个HTML文档由三部分组成：文档声明（<!DOCTYPE html>）、html标签（<html>）和文档内容。

在html标签中，又分为<head>和<body>两部分。

在<head>标签中，我们可以设置网页的标题、引入外部样式表和脚本等。

在<body>标签中，我们编写网页的内容，包括文字、图片、链接等。

其次，我学习了HTML的常用标签。

比如，<h1>到<h6>标签用于设置标题的大小，<p>标签用于段落的编写，<img>标签用于插入图片，<a>标签用于创建链接等。

了解这些常用标签可以帮助我们更好地编写网页内容。

另外，我还学习了HTML的表格和表单。

表格是网页中常用的布局方式，可以用来展示数据。

在HTML中，我们可以使用<table>、<tr>、<td>等标签来创建表格。

而表单则是用于收集用户输入信息的工具，我们可以使用<input>、<textarea>、<select>等标签来创建表单元素。

此外，我还学习了HTML的一些高级技巧。

比如，使用CSS （Cascading Style Sheets）来美化网页的样式，使用JavaScript来实现网页的交互功能等。

这些技巧可以让我们的网页更加丰富和有趣。

总的来说，学习HTML是一个很有意义的过程。

通过学习HTML，我不仅了解了网页的基本结构和常用标签，还学会了如何创建表格、表单以及一些高级技巧。