html基础教程汇总

什么是HTML？HTML是用来描述网页的一种语言。HTML指的是超文本标记语言HTML不是一种编程语言，而是一种标记语言标记语言是一种将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。标记语言是一套标记标签HTML使用标记标签来描述网页HTML标记标签HTML标记标签通常被称为HTML标签。hr/单标签b文字会变粗/b双标签标签对中的第一个标签是开始标签，第二个标签是结束标签HTML标签是由尖括号包围的关键词，比如html.../htmlHTML标签通常是成对出现的，比如b和/b开始和结束标签也被称为开放标签和闭合标签HTML文档=网页HTML文档描述网页HTML文档包含HTML标签和纯文本HTML文档也被称为网页Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容：htmlbodyh1MyFirstHeading/h1pMyfirstparagraph./p/body/html例子解释html与/html之间的文本描述网页body与/body之间的文本是可见的页面内容h1与/h1之间的文本被显示为标题HTML文件后缀？HTML文件分为两种格式：.htm.htmlHTML属性HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值对等的形式出现，比如：name=value。属性总是在HTML元素的开始标签中规定。标签描述html/html定义HTML文档。head/head定义HTML头部内容title/title设置文档标题和其它在网页中不显示的信息body/body定义文档的主体。h1/h1toh6/h6定义HTML标题hr/定义水平线。p/p定义段落。br/插入单个折行（换行）。b/b定义粗体文本。em/em定义着重文字。center/center定义居中的内容。font/font属性:align:定义文本的对齐方式left,center,rightbgcolor:定义背景颜色color:定义文本颜色size:定义文本大小title:定义文本提示信息face:定义文本字体定义HTML字体。u/u定义下划线文本big/big定义大号字。i/i定义斜体字。small/small定义小号字。strong/strong定义加重语气。del/del定义删除字。img/属性:src:图片地址width:宽(100)height:高(100)border:边框(1)title:提示标题alt:加载失败提示图像olli/lili/lili/li/ol有序列表ulli/li/ul无序列表dldt/dtdd/dd/dl自定义列表HTML!----标签定义注释标签用来在源文档中插入注释。注释会被浏览器忽略。实例HTML注释：!--这是一段注释。注释不会在浏览器中显示。--p这是一段普通的段落。/pHTMLa标签定义和用法a标签可定义锚。a元素最重要的属性是href属性，它指定链接的目标。默认浏览器样式：未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的实例指向Spwy.Net的超链接：ahref==#title锚链/aaname=”title”/a可选的属性属性值描述hrefURL链接的目标URL。namename规定锚的名称。target_blank_parent_self_top在何处打开目标URL。HTMLlink标签定义和用法link标签定义文档与外部资源的关系。link标签最常见的用途是链接样式表。实例链接一个外部样式表：linkrel=stylesheettype=text/csshref=theme.css/可选的属性属性值描述charsetcharset定义被链接文档的字符编码方式。hrefURL定义被链接文档的位置。relalternateappendixbookmarkchaptercontentscopyrightglossaryhelphomeindexnextprevsectionstartstylesheetsubsection定义当前文档与被链接文档之间的关系。HTMLtable标签定义和用法table标签定义HTML表格。简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行，th元素定义表头，td元素定义表格单元。实例一个简单的HTML表格，包含两行两列：tableborder=1trth头一/thth头二/th/trtrtd内容一/tdtd内容二/td/tr/table可选的属性属性值描述alignleftcenterright不赞成使用。使用样式代替。规定表格相对周围元素的对齐方式。bgcolorrgb(x,x,x)#xxxxxxcolorname不赞成使用。使用样式代替。规定表格的背景颜色。borderpixels规定表格边框的宽度。cellpaddingpixels%规定单元边沿与其内容之间的空白。cellspacingpixels%规定单元格之间的空白。width%pixels规定表格的宽度。backgroundurl背景图片HTMLtr标签定义和用法tr标签定义HTML表格中的行。tr元素包含一个或多个th或td元素。HTMLtd标签定义和用法td标签定义HTML表格中的标准单元格。HTML表格有两类单元格：表头单元-包含头部信息（由th元素创建）标准单元-包含数据（由td元素创建）可选的属性属性值描述alignleftrightcenterjustifychar规定单元格内容的水平对齐方式。bgcolorrgb(x,x,x)#xxxxxxcolorname不赞成使用。使用样式取而代之。规定单元格的背景颜色。colspannumber规定单元格可横跨的列数。heightpixels%不赞成使用。使用样式取而代之。规定表格单元格的高度。rowspannumber规定单元格可横跨的行数。valigntopmiddlebottombaseline不赞成使用。使用样式取而代之。规定单元格内容的垂直排列方式。widthpixels%不赞成使用。使用样式取而代之。规定表格单元格的宽度。backgroundurl背景图片HTMLth标签定义和用法定义表格内的表头单元格。HTML表单中有两种类型的单元格：表头单元格-包含表头信息（由th元素创建）标准单元格-包含数据（由td元素创建）属性与td一致。HTMLiframe标签定义和用法iframe元素会创建包含另外一个文档的内联框架（即行内框架）。可选的属性属性值描述alignleftrighttopmiddlebottom不赞成使用。使用样式代替。规定如何根据周围的元素来对齐此框架。frameborder10规定是否显示框架周围的边框。heightpixels%规定iframe的高度。nameframe_name规定iframe的名称。scrollingyesnoauto规定是否在iframe中显示滚动条。srcURL规定在iframe中显示的文档的URL。widthpixels%定义iframe的宽度。HTMLform标签定义和用法form标签用于为用户输入创建HTML表单。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含textarea、和label元素。表单用于向服务器传输数据。例子formaction=login.phpmethod=getp用户名:inputtype=textname=username//pp密码:inputtype=passwordname=pwd//pinputtype=submitvalue=登录//form必需的属性属性值描述actionURL规定当提交表单时，向何处发送表单数据。可选的属性属性值描述methodgetpost规定如何发送表单数据。namename规定表单的名称。target_blank_parent_self_top规定在何处打开actionURL。HTMLinput标签定义和用法input标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。实例一个简单的HTML表单，包含两个文本输入框和一个提交按钮：formaction=login.phpmethod=get用户名:inputtype=textname=username/密码:inputtype=passwordname=pwd/inputtype=submitvalue=登录//form可选的属性属性值描述alttext定义图像输入的替代文本。checkedchecked规定此input元素首次加载时应当被选中。radio\checkboxdisableddisabled当input元素加载时禁用此元素。maxlengthnumber规定输入字段中的字符的最大长度。namefield_name定义input元素的名称。readonlyreadonly规定输入字段为只读。sizenumber_of_char定义输入字段的宽度。srcURL定义以提交按钮形式显示的图像的URL。typetext（普通文本）password（密码框）checkbox（复选框）radio（单选框）file（文件浏览）hidden（隐藏域）image（图片提交按钮）button（普通按钮）reset（重置按钮）submit（提交按钮）规定input元素的类型。valuevalue规定input元素的值。HTMLtextarea标签定义和用法textarea标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体。可以通过cols和rows属性来规定textarea的尺寸，不过更好的办法是使用CSS的height和width属性。实例textarearows=3cols=20内容/textarea必需的属性属性值描述colsnumber规定文本区内的可见宽度。rowsnumber规定文本区内的可见行数。可选的属性属性值描述disableddisabled规定禁用该文本区。namename规定文本区的名称。readonlyreadonly规定文本区为只读。HTMLbutton标签定义和用法button标签定义一个按钮。在button元素内部，您可以放置内容，比如文本或图像。实例以下代码标记了一个按钮：buttontype=button点击我/button可选的属性属性值描述disableddisabled规定禁用此按钮。namename规定按钮的名称。typebuttonresetsubmit规定按钮的类型。valuetext规定按钮的初始值。HTMLselect标签定义和用法select元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将select表单数据提交给服务器时包括name属性。实例创建带有4个选项的选择列表：selectoption