下载本文档
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
《HTML》知识点学习笔记一、基本标签——〉告诉浏览器，我得文档类型是html>引入外部js文件、css文件，css——〉告诉浏览器，我得文档类型是html>引入外部js文件、css文件，css样式<head><metacharset=〃UTF-8〃>>设置页面编码格式<title>Document</title>>设置浏览器面板的名字</head><body>>页面展示的内容页面显示的内容写在body标签内</body></html>标题标签段落标签加粗标签斜体标签5.hl~h6,在普通文本基础上：文字大小、文字粗细、行间距标题标签段落标签加粗标签斜体标签5.P标签,在普通文本基础上：行间距strong、bem>i上下标标签：subCH）>sup（上）例子：H〈sub>2〈/sub>。>H20大小标签：big、small删除标签：del换行标签：br分割线标签：hr.没有样式的标签：span.排版标签：div.图片标签：<imgsrc="图片的路径"alt二”图片丢失显示文字”titles"鼠标悬停显示名字”>图片路径分类：（1）绝对路径:E:\img\l.png（2）相对路径:相对与当前文件找另一个文件返回上一目录：・・/进入某个文件夹：文件夹名/E:\java2002\demo.htmlE:\java2002\img\l.jpg.链接标签：<ahref="链接地址"target="”>名字</a>（1）如果a标签不写href,那么此标签内容为纯文本（2）超级链接:链接网址一》https:〃网址（3）锚链接：点击锚链接,跳转到绑定id的位置<ahref="#bottom”>跳转到</a><pid二"bottom">我是锚链接目标位置</p>例：当点击a标签时，会自动跳转到p标签位置,p标签的id名字要与a标签的href一致，并且href要先加上#（4）target有两个值：_self在当前窗口打开新页面、blank在新窗口打开新页面（5）锚链接跳转页面设置锚点用法:参考案例:a标签所有用法.html、index.html二、行内元素与块级元素的定义1、块级元素:元素的宽度独占一行，例:hl〜h6、p2、行内元素:宽度有内容撑开,两个行内元素可以在同一行排列3、判别方法:在浏览器中F12,检查Elements,鼠标滑到想要检验的标签上,看此标签是否内容占领一行三、列表、表格.无序列表：<ul><HX/li><li></li></ul>描述：每一个li前默认有一个实心小圆点修改li前样式方法：<ultype二"值”>值分别有：none去掉样式、square实心方块、circle空心圆.有序列表：<ol><li></li><li></li></ol>描述:每一个li前默认排序方式123・・・.修改li前样式方法：<ultype二"值”>值分别有：a、A、i、I、1.定义列表：<dl>〈dt〉一级目录</dt><dd>内容〈/dd><dt〉一级目录</dt><dd>内容</dd></dl>.表格:<table><tr>控制行<td></td>控制列</tr></table>四、表单1.表单整体结构：<formaction二”请求地址"method=”请求方式"></form>(1)method默认请求方式为:get(2)当method二"get”的时候:在浏览器url地址显示参数(3)当method="post”的时候:url隐藏参数数百度一下，你就知道x+Cft...划红线的就是ur].表单元素：<input>type默认值type二"text"，修改type的值，会改变表单样式：text:可以写任何文本password:输入内容不可见date:时间选择器file:选择本地文件radio:单选按钮绑定name值一样，只选择一个，默认选中：checkedcheckbox:复选框，默认选中：checkedrange:滑块color:取色器reset:重置按钮，必须结合form标签使用submit:提交按钮，必须结合form标签使用.下拉菜单：<select><optionvalue=””>内容Koption>••••<optionvalue=”"selected>内容2<option></select>备注:如果在某个option标签内写：selected,那么此选项会被默认选中.文本域：<textareacols="“rows=""></textarea>备注:cols控制列、rows控制行.拓展知识点：placeholder二”默认文字效果”可以写在text、password、textarea五、frame框架:在一个页面中内嵌另一个页面iframe用法：内嵌页面可进行跳转<ahref二"car.html”target=”iframe”>汽车页面〈/a><ahref="girl.html”target="iframe”>美女页面</a><iframesrc="car.html“name二"iframe></iframe>(Da标签的target的值与iframe标签的name值绑定，点击相应a标签会跳转相应页面(2)iframe标签的src含义是跳转页面的路径frameset用法：内嵌页面进行显示<frameset><framesrc二"美女.html”></frame><fra
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论