2023年HTML初级知识点总结最详细的总结_第1页
2023年HTML初级知识点总结最详细的总结_第2页
2023年HTML初级知识点总结最详细的总结_第3页
2023年HTML初级知识点总结最详细的总结_第4页
2023年HTML初级知识点总结最详细的总结_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML。超文本标记语言，一种规范。预定义，已经定义好的各种标记，只需要我们把相应的标记放到合适的位置一.HTML基本语法与基本结构（重点）。。标记的使用。001.标记一般成对出现，包含开始标记和结束标记。2、标记可以嵌套使用，但是不能交叉使用。3、标记不区分大小写。。属性的使用（属性控制内容的格式,额外的格式）01、书写位置在开始标记中2、格式：属性名="属性值”，多个属性之间使用空格分割。3、不同的标记属性也许相同也也许不同。4、属性使用的标记中，只能对本标中的内容记产生影响。5、属性不冲突时，效果叠加，属性冲突时，就近原则。。。html的基本结构<html>声明网页取值:。void默认值，不显示边框£>»«>°above仅显示上边框below仅显示下边框mohsides显示上下边框mmvsides显示左右边框。«1hs仅显示左边框rhs仅显示右边框box>border显示四个边框mrules控制表格内部分割线m取值：。none默认值，不显示。rows显示行分割线2coIs显示列分割线•。aII显示所有分割线。borderco1or控制边框的颜色，border控制表格的所有边框，取值为像素，cellspacing控制单元格与单元格之间的空白，取值为像素cellpadding控制单元格内容和单元格边框之间的空白，取值为像，width设立单元格的宽度，取值为像素或者百分数height设立单元格的高度，取值为像素或者百分数align控制表格的对齐方式，取值left（默认值）|center|right。bgcolor设立表格的背景色background设立表格的背景图。当背景色和背景图同时设定期，优先使用背景图＜caption＞表格的标题，必须书写在＜table＞之间0。属性:a1ign控制表格标题的位置.，取值top（标题在表格的顶部）Ibottom（标题在表格的底部）3。Vtr＞定义表格的行。属性：align控制整行单元格内容的水平对齐方式，取值Ieft（默认值，缺省值）1center|rightvalign控制整行单元格内容的垂直对齐方式，取值topImiddle（默认值）|bottomoooheight设立行的高度，取值为像素3bgeolor设立行的背景色background设立行的背景图oo.borderco1or设立行的边框颜色。<td>列标记。<th>列标题标记。都可以作为列使用，<th>列标题标记,内容有加粗显示的效果，并且带有自动居中。。属性：align控制单元格内容的水平方向对齐方式，取值1eft|center|right。align控制单元格内容的垂直方向对齐方式，取值top|middIe（默认值）Ibottom，height设立单元格的高度，取值以像素为单位，当同一行中不同的单元格设立的高度也不相同时，整行的高度取值按最大值来。owidth设立单元格的宽度，取值以像素为单位，当同一列中不同行的单元格设立的宽度不相同也整列的宽度取值按最大值来-bgcolor设立单元格的背景色。bakground设立单元格的背景图-rowspan合并行^colspan合并列。合并行和合并列的取值都是整数，合并几个单元格取值就是几六.框架的应用1、框架。框架集标记＜frameset＞,在原有的html结构基础上，＜frameset＞替换了Vbody＞的位置，换句话说eset＞和Vbody＞不能共存，只能出现一个。属性:rows设立横向框架的数量和高度，框架的数量取决于rows属性的取值个数，每个框架的高度取决于值的大小。cols设立纵向框架的数最和宽度，框架的数量取决于cols属性的取值个数，每个框架的宽度取决于值的大小。rows和cols的取值方式。1、像素值。2、百分数3、比例取值rows和cols取值，可以有多个值，值与值之间使用逗号分割，并且不能有空格格，cols和rows属性一•般不同时设定，要想实现页面的纵向和横向分割，可以使用框架的嵌套来实现-frameborder使用在frameset中,可以控制框架集下的所有框架边框是否显示。框架标记<frame/>,单标记。属性:src引入目的资源的途径ooname给框架起名字，需要配合超链接的target属性来使用，达成链接目的框架的目的。frameborder控制框架的边框是否显示，0表达不显示，1显示默认的3D边框。。scro1Iing控制框架是否加入滚动条，取值yes（加入滚动条，需要时加入）Ino（不加入滚动条）Iauto（需要时加入滚动条，默认值）。onoresize固定框架的边框，该属性不需要取值marginheight在框架中显示内容时，控制内容和框架上下边框之间的空白,取值以像素为单位，以上边框为准，marginwidth在框架中显示内容时，控制内容和框架左右边框之间的空白，取值以像素为单位，以左边框为准o®<noframes>当浏览器不支持框架时，显示的替换内容，必须包含一对<body>标记使用七、表单的应用表单.表单标记<form>,表单不能嵌套使用，所有表单的内容必须书写在表单的开始标记和结束标记之间表单结构：<form><inputtype=wtext”>单行文本格式<inputtype-npassword"x密码输入框<inputtype="checkbox">复选框格式<inputtype=nradio"name="sex”>单选框格式<inputtype="su提交的格式<inputtype="reset">重置格式<inputtype=,/bu自定义格式<select><select><select>下拉菜单格式<option>汉族</option><select>，<option>满族</option><option>壮族</option><option>土家族</option></select><textarea>co1s="50"rows="4”>请多多指教多行文本</textarea></form>表单域<input>。不同功能的表单域type属性的取值不同。属性：type控制表单域的功能。。取值text单行文本。opassword密码输入框ocheckbox复选框radio单选按钮要实现单选，还要在后面加上同样的名字，例：＜inputtype="radiowname=.osubmit提交oooreset重置-button自定义按钮value属性使用在提交、重置.、自定定义按钮中，可以改变按钮的默认值。ovalue属性使用在单行文本和密码框中，添加默认值omaxlength属性使用在单行文本和密码框中，限制输入的最大字符数，取值为整数，checked="checked”使用在复选框和单选框中，表达该选项默认被选中<select>....</seIect>,菜单里有多个选项，一般用于选择年.月.日属性1：<option>...</option>，一对option代表一个下拉选项属性2：<select>....</select>，一对se1ect代表一个下拉菜单多行文本：<textarea></textarea>成对出现属性:cols=cols取值为整数,限制每行的最多内容ROWS=〃・・.〃rows取值为整数,限制多行文本的行数<head网页的头部信息。o<title>标题</title>—网页的标题。。</head>。。<body>---网页的主体，网页内容重要展示的部分。。网页的重要内容。。</body>。</html>。二.文本格式的应用。。1、标题标记<hn>,n的取值1-6,1级标题最大效果：加粗显示，带有自动换行。属性：align控制标题的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）2、段落标记Vp>。。效果：把内容分段展示，自动换行。属性:align,控制段落内容的对齐方式，取值left（左对齐，默认值）Icenter（居中）1right（右对齐）。3、换行符<br/>,单标记，不需要结束标记,换行但不分段。空格符号: 表达一个空格。强制换行符：Vbr/>。4、水平线标记单标记。效果:水平线，默认是一个粗细为2Px（像素）的线条。。属性:size控制水平线的粗细，取值为整数，单位为像素（px）-width控制水平线的长度,取值可以是像素单位，也可以是百分数（相对于浏览器窗LI比例）-noshade设立水平线不带有阴影，该属性不需要取值。color设立水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码。align控制水平线的对齐方式，取值left（左对齐）|center（居中，默认值）Iright（右对齐）。5、分节标记<div>效果:把内容设立为一节，前后带有自动换行。。属性：align控制div中内容的对齐方式，取值left（左对齐，默认值）|center（居中）Iright（右对齐）。。6、居中标记符<center>效果:把center标记中的内容居中显示7^文本控制标记<font>。效果：控制字体的各种显示样式，。属性：size控制字体的大小，取值为绝对值时，1--7,数字越大字体越大,取相对

值时，参考的是默认字体（3号），取值在-2--+4之间。co1or控制字体的颜色oooface控制字体的字体,取值可以是多个值，多个值之间使用逗号分割，取值时从左往右依次取值，找到合适的值为止,假如都不支持，使用默认格式显示。。8、字体的物理样式。加粗：<b>斜体:<i>0下划线：Vu>。删除线：<s>°上标:<SUp>3下标：<sub>。:1、常用逻辑字符。<ADDRESS>网页设计者或维护者的信息，通常显示为斜体，<CITE>。表达文本属于引用，通常显示为斜体，<CODE>即表达程序代码，通常显示为固定宽度字体®<DFN>®<DFN>®<DFN>团表达定义了的术语，通常显示为黑体或斜体

®<DFN>团表达定义了的术语，通常显示为黑体或斜体<em><em>，强调某些字词，通常显示为斜体o＜kbd＞。表用户的键盘输入，通常显示为固定宽度字体<em>，强调某些字词，通常显示为斜体2＜SAMP＞。表达文本样本，通常显示为固定宽度字体，＜STR0NG＞，特别强调某些字词，通常显示为粗体，VVAR＞。表达变量，通常显示为斜体2、列表标记。1、有序列表，＜ol＞,需要配合＜1i＞标记使用。一个＜1i＞标记相应一个选项。1的属性：type控制列表的符号样式，取值默认是1start控制列表的起始值，取值为任意的整数li的属性：type控制选项自身的符号样式，取值l|A|a|i|lvalue控制选项自身的起始值，取值为任意整数,但是修改自身起始值之后，会对同一个列表中本选项之后的同级＜li＞标记产生影响2、无序列表，Vu1＞,配合＜1i＞标记使用。一个＜li＞标记相应一个选项。。111的属性:type控制所有选项的符号样式,取值disc（实心圆,默认值）|circ1e（空心圆）|square（方块）li的属性：type控制选项自身的符号样式。口标记用在oI中，type属性的取值跟ol的type属性取值走，用在Ul中,跟着u1的type属性取值走。3、定义列表，Vdl〉,完毕对定义列表的声明^<dt>,术语标记，可以理解为类似于列表选项的标题使用<dd>，描述标记，可以理解为类似于列表的选项使用。三.在网页中使用图片标记:<img>,单标记，不需要结束标记属性：。src引入图片资源的途径。绝对途径:资源在服务器上的位置，该位置是从盘符出发。相对途径:资源在服务器上的相对位置,从网页自身出发。。・•、返I可上一层文献夹width控制显示图片的宽度，取值为像素或者百分数^height控制显示图片的高度，取值为像素或者是百分数0。只设立宽度或高度时，图片保持等比缩放,同时设立时，同时生效sborder控制显示图片的边框，取值为像素，默认不显示边框oohspace控制显示图片水平方向上的空白，取值为像素，svspace控制显示图片垂直方向上的空白，取值为像素^align控制图片和周边文本的对齐方式。。垂直方向上:top文本和图片顶部对齐。。bottom文本底部和图片底部对齐。。。middle文本的底部和图片的中部对齐。,absmiddle绝对中间对齐，文本的中部和图片的中部对齐。。水平方向上：left图片在左，文本在右。。right文本在左，图片在右。图片的对齐方式：。。。借助<div>或者vp>0。四.在网页中使用超链接4、超链接°标记：<a>

人人文库> 全部分类> 办公材料 > 办公文档

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论