W3shool
一1、WWW的全文为World Wide Web，译为全球信息网，简称3w或者Web，中文名称为万维网。
www是一种分布式客户服务系统www制定一套标准①超文本传输协议（HTTP）②统一的资源定位（URL）
2、在Internet上，通常使用的发布语言是HTML(HyperText Markup Language)。
二单独标签
标签与标签之间是可以互相嵌套的。在源代码中不区分大小写。
代码中以<!--开始和以-->结束的代码为注释代码，便于网页阅读
1、Body中的属性有：页面文字颜text背景颜gcolor背景图片background上边
距属性topmargin
左边距属性leftmargin
2、换行控制标记<br/>
3、分段控制标记<p>段落文字</p>或<p>段落文字
<p>有属性align，可选right，left（默认）,center。
4、预格式化标记<pre>段落文字</pre>
5、缩进标记<blockquote>段落文字</blockquote>
6、居中对齐<center>居中文字</center>
7、插入水平线<hr><hr>的属性有align,size,width,color和noshade(是否有阴影)。
,center。
10、字体标记标签<font>标签所限制的文字</font><font>的属性有face,size,color。
Face设定文字字体，其属性为字体名称。
Size设定文字大小，取值1-7，默认值3。
Color设定文字颜，可以用#nnnnnn，也可以采用颜名称。
11、基本字号标记：设置基本的文字属性<basefont>，单个标记
对于字号，<font size=+n>…</font>或<font size=-n>…</font>将受到这个基本字号的影响。-语法：<basefont face=“font_name”color=颜值size=“value”>
12、无序列表标签<ul>
<ul type=参数值><li>项目1<li>项目2</ul>
type用来设定控制符号，其属性值有disc,circle,square。
Disc实心圆点，为默认值。
Circle空心圆点。
Square实心方形。
13、
标签显示效果
粗体字<b></b>或<strong>文字将一粗体方式显示
斜体字<I></I>或<em>文字将以斜体方式显示
加下划线<u></u>文字将以加下划线的方式显示
删除线<s></s>文字将以加删除线的方式显示
放大<big></big>将文字以放大字体的方式显示
缩小<small></small>将文字以缩小字体的方式显示
上标<sup></sup>将文字以上标字体的方式显示
下标<sub></sub>将文字以下标字体的方式显示
14、有序列表标签<ol>
height=参数值width=参数值>src图像源文件alt提示文字Width，height宽度、高度border边框
16、相对路径：是以引用文件的网页所在位置为参考基础而建立的路径。
绝对路径：是以web站点的根目录为参考基础的目录，在www中则以http开头的链接都是绝对路径
⑴建立超链接<a></a><a href=资源地址target=参数名称>链接文字</a>注：target用于指定打开链接的目标窗口，默认方式是原窗口，如果想让链接文件打开在一个新的窗口，可以设置target=_blank。
⑵站内链接<a href=#目标名称target=窗口名称>目录文字</a>
在链接的目标处（书签或锚）使用<a name=目标名称>超链接目标</a>
⑶其他站点链接www.baidu语法：<a href=网址target=窗口名称>链接文字</a>
17、建立表格：建立表格主要用到四个标签：<table>,<tr>,<th>,<td>。
<table>和</table>标签为表格标签，主要来定义一个表格元素。
<tr>和</tr>为行标签，定义表格的一行。
<th>和</th>为表头标签，定义表格内的表头单元格，在表头单元格内的文字将以粗体的方式显示。
<td>和</td>为单元格标签，用于定义表格的单元格。
18、<tr>标签的属性值
height（高）,align,valign（垂直对齐方式）,bordercolor,bgcolor
Height：主要用来设置表格内某行的高度，数值的设置值为一个整数，其单位为像素。
Align：主要用来设置表格中该行单元格内文字的水平对齐方式，其中参数值为left center right
之一，分别表示该行中各单元格的内容是左对齐、水平居中还是右对齐。默认方式为left.Valign：主要
用来设置表格中该行单元格内文字的垂直方向的对齐方式，参数值为top middle bottom之一，分别表示该行中各单元格的内容是上对齐、垂直对齐还是下对齐。默认
方式为middle.
Bordercolor：表格内某行内边框的颜。Bgcolor：表格中该行单元的背景颜。
19、Table标签的属性
属性描述
Border边框
width宽度
height高度
align对齐方式
bgcolor背景颜
background背景图片
cellspacing表格间距
cellpadding表格边距
20、<td>标签的属性值
width,height,colspan（横向合并单元格）,rowspan（纵向合并）,align,valign,bgcolor, bordercolor,background
跨多行、多列的单元格
跨多列<th colspan=值>或<td colspan=值>
跨多行<th rowspan=值>或<td rowspan=值>
21、框架的基本结构主要包括两部分：框架集、框架。它主要是利用<frameset>标签和<frame>
标签来定义的。框架集是在一个文档内定义一组框架结构的HTML网页，它定义了网页显示的框架数、框架的大小、载入框架的网页源和其他可以定义的属性，用<frameset>标签来定义一个窗口框架。框架是指在网页上定义的一个显示区域，用<frame>标签来定义窗口框架中的子窗口的内容。在
使用了框架集的页面中，页面的<body>标记被<frameset>标记所取代，再通过<frame>标记定义每一个框架。
22、左右分割窗口采用cols属性，上下分割窗口采用rows属性。结构如下：
<frameset cols=“value，value，……”>
<frame src=“url”>
<frame src=“url”></frameset>
参数值可以用数字，百分比和剩余值及这3种方式的混合方式来表示。
23、<frameset>和<frame>属性
<frameset>标签：控制窗口框架的所有子窗口<frame>标签：控制该标签所代表的子窗口
⑴border用于设定分割窗口的框架宽度
⑵bordercolor，用于设定框架边框的颜
⑶frameborder用于设定是否显示框架（取值0(不显示边框)或1(显示边框)）。
⑷src属性用于设定框架显示的文件路径语法格式：<frame src=“url”>
⑸name属性用于设定框架窗口的名称，语法格式：<frame name=“name”>
注：框架名必须以字母开头，必须是单个单词；区分大小写；允许使用下划线，不允许使用空格、句点和连字符。
⑹scrolling属性用于设定该窗口是否显示滚动条。语法格式：<frame scrolling=“value”>注：value值有3个：yes、no和auto（默认）
⑺noresize属性用于设定用户能否自行调整框架窗口的大小语法格式：<frame noresize>
⑻marginwidth属性用于设定框架中的内容与框架边缘的左右距离<frame marginwidth=“value”>
⑼marginheight属性用于设定框架中的内容与框架边缘的上下距离<frame marginheight=“value”>
24、浮动框架是在浏览器窗口中可以嵌套子窗口，在其中显示网页的内容。在HTML中通过<iframe>标签来实现。<iframe>标签的属性和<frame>标签的属性基本相同。语法格式：<iframe>……</iframe>
在<frame>标签中name属性定义了窗口的名称，在<a>标签中target属性指定链接文字出自哪个窗口。
语法格式：<a href=url target=“frame_name”>
25、表单是网页上的一个特定区域，它由<form>标签定义。
语法格式：
<form name=“form_name method=“method”
action=“url”
[target=“framename”]>
…….
</form>
（1）name属性：用来定义表单的名称语法格式：<form name=“form_name”>
（2）method属性：用来定义表单结果从浏览器传送到服务器的方式语法格式：<form method=“method”>
注:method的取值一般有两种:(1)get：只能提交1K以内的内容(默认)(2)post：可以提交大于1k字节的内容。
3）action属性：用来指定表单处理程序的位置语法格式：<form action=“url”>
4）target属性：用来控制提交表单后响应显示的位置，该属性不是特别常用。例如：target=“_blank”表示在一个新页面中显示。
26、<input>标签是表单中的输入标记，它是个单标签。
语法格式：<input name=“file_name”type=“type_name”/>
(1)单行文本框type=text，表示该输入项输入的是字符串，输入的内容以单行显示。
type=text，<input>标签除了有name和type属性外，还有3个可选的属性:value、size、maxlength。
value属性：用来设定文本框中的初始值
size属性：用来设定文本框的长度
maxlength属性：用来设定该文本框允许用户输入的最大字符数
(2)密码框：当type=“password”时，其使用方法与text很相似。
注:password所输入的字元全以*号表示，以保证密码的安全性。
(1)普通按钮当type=“button”时，表示该输入项输入的是普通按钮。value属性：用来设定
显示在按钮上的文字。
(2)提交按钮当type=“submit”时，表示该输入项输入的是提交按钮。单击提交按钮后，浏
览器可以将表单的输入信息传递给服务器。
(3)重置按钮当type=“reset”时，表示该输入项输入的是重置按钮。单击重置按钮后，浏览
器可以清除表单的输入信息而恢复到默认的表单内容设定。注：一般情况提交和重置按钮应该同时出现
(4)单选框当type=“radio”时，表示该输入项是一个单选项，用户只能选择单选项中的一项作
为输入信息。checked属性，用来表示此项被默认选中。value属性，用来设定选中项目后传送到服务器端的值。
(5)复选框当type=checkbox时，表示该输入项是一个复选框，用户可以同时选中表单中的一
个或多个复选项作为输入信息。checked属性，用来表示此项被默认选中。value属性，用来设定选中项目后传送到服务器端的值。
(6)文件输入框当type=file时，表示该输入项是一个文件输入框，用户可以在文件输入框的
内部填写自己硬盘中的文件路径，然后通过表单上传。语法格式：<input type=file name=“file_name”>
27、在表单中，通过<select>和<option>标签就可以在浏览器中出现一个下拉式的菜单或带有滚动条的列表菜单。
语法格式：<select name=“name”size=value multiple>
<option value=“value”selected>选项值
<option value=“value”selected>选项值
……
</select>
◆size属性：用来设定显示的选项数目，默认值为1。
◆multiple属性：用来设定列表中的项目多选。
注：当<select>标签里面有size属性和multiple属性时，表示是列表；没有size属性和multiple 属性，则表示下拉菜单。当然，在列表中，二者不一定同时使用。
28、<textarea>标签用来制作多行文本框，成对标签
语法格式：<textarea name=“name”
rows=value
cols=value>
</textarea>
◆cols属性：用来设定多行文本框一次能显示的列数
◆rows属性：用来设定多行文本框一次能显示的行数
<fieldset>标签
html framefieldset元素可将表单内的相关元素分组。
<fieldset>标签将表单内容的一部分打包，生成一组相关表单的字段。
当一组表单元素放到<fieldset>标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果，或者甚至可创建一个子表单来处理这些元素。
<fieldset>标签没有必需的或唯一的属性。
<legend>标签为fieldset元素定义标题。
<form>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。