（自考专升本）《HTML》知识点学习知识点串讲笔记.pdf

《（自考专升本）《HTML》知识点学习知识点串讲笔记.pdf》由会员分享，可在线阅读，更多相关《（自考专升本）《HTML》知识点学习知识点串讲笔记.pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1HTML知识点学习笔记1、基本标签-告诉浏览器,我得文档类型是 html-引入外部 js 文件、css 文件,css 样式 -设置页面编码格式Document -设置浏览器面板的名字-页面展示的内容页面显示的内容写在 body 标签内1标题标签:h1h6,在普通文本基础上:文字大小、文字粗细、行间距2段落标签:p 标签,在普通文本基础上:行间距3加粗标签:strong、b4斜体标签:em、i5上下标标签:sub(下)、sup(上)例子:H2O -H2O6大小标签:big、small7删除标签:del8换行标签:br9分割线标签:hr10没有样式的标签:span11排版标签:div12图片标签

2、:图片路径分类:(1)绝对路径:E:img1.png(2)相对路径:相对与当前文件找另一个文件返回上一目录:./进入某个文件夹:文件夹名/E:java2002demo.htmlE:java2002img1.jpg13链接标签:名字（1）如果 a 标签不写 href,那么此标签内容为纯文本（2）超级链接:链接网址-https:/网址（3）锚链接:点击锚链接,跳转到绑定 id 的位置跳转到我是锚链接目标位置例:当点击 a 标签时,会自动跳转到 p 标签位置,p 标签的 id 名字要与 a 标签的 href 一致,并且 href 要先加上#（4）target 有两个值:_self 在当前窗口打开新页

3、面、blank 在新窗口打开新页面第 1 页 共 4 页2（5）锚链接跳转页面设置锚点用法:参考案例:a 标签所有用法.html、index.html2、行内元素与块级元素的定义1、块级元素:元素的宽度独占一行,例:h1h6、p2、行内元素:宽度有内容撑开,两个行内元素可以在同一行排列3、判别方法:在浏览器中 F12,检查 Elements,鼠标滑到想要检验的标签上,看此标签是否内容占领一行3、列表、表格1无序列表:.描述:每一个 li 前默认有一个实心小圆点修改 li 前样式方法:值分别有:none 去掉样式、square 实心方块、circle 空心圆2有序列表:.描述:每一个 li 前默

4、认排序方式 1 2 3.修改 li 前样式方法:值分别有:a、A、i、I、13定义列表:一级目录内容.一级目录内容4表格:控制行 控制列第 2 页 共 4 页34、表单1表单整体结构:（1）method 默认请求方式为:get（2）当 method=”get”的时候:在浏览器 url 地址显示参数（3）当 method=”post”的时候:url 隐藏参数 划红线的就是 url2表单元素:type 默认值 type=”text”,修改 type 的值,会改变表单样式:（1）text:可以写任何文本（2）password:输入内容不可见（3）date:时间选择器（4）file:选择本地文件（5）

5、radio:单选按钮 绑定 name 值一样,只选择一个,默认选中:checked（6）checkbox:复选框,默认选中:checked（7）range:滑块（8）color:取色器（9）reset:重置按钮,必须结合 form 标签使用（10）submit:提交按钮,必须结合 form 标签使用3下拉菜单:内容 1.内容 2备注:如果在某个 option 标签内写:selected,那么此选项会被默认选中4文本域:备注:cols 控制列、rows 控制行5拓展知识点:placeholder=”默认文字效果”可以写在 text、password、textarea5、frame 框架:在一个页面中内嵌另一个页面1iframe 用法:内嵌页面可进行跳转汽车页面美女页面(1)a 标签的 target 的值与 iframe 标签的 name 值绑定,点击相应 a 标签会跳转相应页面(2)iframe 标签的 src 含义是跳转页面的路径2frameset 用法:内嵌页面进行显示第 3 页 共 4 页4（1）frameset 不能与 body 同时存在（2）如果不想让用户拖拽边框,设置属性 noresize=noresize,用来固定边框第 4 页 共 4 页