欢迎来到淘文阁 - 分享文档赚钱的网站! | 帮助中心 好文档才是您的得力助手!
淘文阁 - 分享文档赚钱的网站
全部分类
  • 研究报告>
  • 管理文献>
  • 标准材料>
  • 技术资料>
  • 教育专区>
  • 应用文书>
  • 生活休闲>
  • 考试试题>
  • pptx模板>
  • 工商注册>
  • 期刊短文>
  • 图片设计>
  • ImageVerifierCode 换一换

    HTML初级知识点总结,最详细的总结.doc

    • 资源ID:33557224       资源大小:32.50KB        全文页数:14页
    • 资源格式: DOC        下载积分:15金币
    快捷下载 游客一键下载
    会员登录下载
    微信登录下载
    三方登录下载: 微信开放平台登录   QQ登录  
    二维码
    微信扫一扫登录
    下载资源需要15金币
    邮箱/手机:
    温馨提示:
    快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。
    如填写123,账号就是123,密码也是123。
    支付方式: 支付宝    微信支付   
    验证码:   换一换

     
    账号:
    密码:
    验证码:   换一换
      忘记密码?
        
    友情提示
    2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
    3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
    4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
    5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。

    HTML初级知识点总结,最详细的总结.doc

    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>效果:控制字体的各种显示样式属性:size 控制字体的大小,取值为绝对值时,1-7,数字越大字体越大,取相对值时,参考的是默认字体(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,默认是1 start 控制列表的起始值,取值为任意的整数li的属性:type 控制选项自身的符号样式,取值1|A|a|i|I value 控制选项本身的起始值,取值为任意整数,但是修改自身起始值之后,会对同一个列表中本选项之后的同级<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 链接的目标资源的路径链接外部资源时,一定是绝对路径,并且需要在路径前加上【http:/】这个网络通信协议 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|right bgcolor 设置表格的背景色 background 设置表格的背景图当背景色和背景图同时设定时,优先使用背景图<caption>表格的标题,必须书写在<table>之间属性:align 控制表格标题的位置,取值top(标题在表格的顶部)|bottom(标题在表格的底部)<tr> 定义表格的行属性:align 控制整行单元格内容的水平对齐方式,取值left(默认值,缺省值)|center|rightvalign 控制整行单元格内容的垂直对齐方式,取值top|middle(默认值)|bottomheight 设置行的高度,取值为像素bgcolor 设置行的背景色background 设置行的背景图bordercolor 设置行的边框颜色<td> 列标记<th>列标题标记都可以作为列使用,<th>列标题标记,内容有加粗显示的效果,并且带有自动居中属性:align 控制单元格内容的水平方向对齐方式,取值left|center|rightvalign 控制单元格内容的垂直方向对齐方式,取值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取值为整数,限制每行的最多内容 Rows=”.” rows取值为整数,限制多行文本的行数

    注意事项

    本文(HTML初级知识点总结,最详细的总结.doc)为本站会员(豆****)主动上传,淘文阁 - 分享文档赚钱的网站仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知淘文阁 - 分享文档赚钱的网站(点击联系客服),我们立即给予删除!

    温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。




    关于淘文阁 - 版权申诉 - 用户使用规则 - 积分规则 - 联系我们

    本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

    工信部备案号:黑ICP备15003705号 © 2020-2023 www.taowenge.com 淘文阁 

    收起
    展开