html知识点回顾
现在学了Vue、react、angular等新的框架了,所以导致以前学的好多知识感觉已经慢慢的从我脑袋里偷偷的溜走了,所以下定决心要写一些博客来帮助自己把曾经属于自己的知识再找回来!好了,开始我的第一篇博客吧(虽然写的内容会比较简单(#^.^#))
一、HTML
1.w3c制定了结构(xhtml,xml)和表现(css)的标准,是非营利性的。
2.有关标签嵌套,这个涉及到元素类型
a、首先根据css显示结果来分,XHTML元素被分为三种类型,分别是块状元素、内联元素(行内块元素),可变元素。
块状元素:此类元素会独占一行且可以定义自己的宽高;常见的块状元素: div, dl, fieldset, form, h1~h6, hr, ol, p, pre, table, ul;
内联元素:表现形式始终以行逐个进行,不能定义宽高,遵循盒模型(margin和padding对于个别元素不生效);常见的内联元素:a, b, br,em, i, img, input, span, strong, textarea
b、根据css和HTML属性来分,可以分为置换元素(默认有一定的宽高,浏览器显示该标签的情况,根据该元素的属性来决定)和非置换元素。
所以根据元素类型的特征,标签的嵌套规则为:块级元素能嵌入内联元素和部分块级元素,内联元素只能嵌入内联元素,a标签不能嵌套,若a标签中嵌套了a标签,浏览器会自动添加结束符号,故不能嵌套。(只能嵌入内联元素的块级元素:h1~h6, p, dt) (li元素可以嵌入ul, ol, div)
3、有关图片标签:
src:图片的来源 必写属性 alt :替换文本(图片不显示的时候显示的文字) title:提示文本(鼠标放到图片上显示的文字)
4、路径 :相对路径和绝对路径 相对路径相对于文件本身出发
5、列表:a、无序列表:<ul><li></li></ul> b、有序列表<ol><li></li></ol> c、自定义列表<dl><dt></dt><dd></dd></dl> dt标签只可以有一个 dd标签可以有多个。
6、滚动标签 <marquee></marquee> 中间的内容可以是文字也可以是图片
滚动标签的一些属性:height 、width、bgcolor、behavior(设置滚动方式)、alternate(在两端之间来回滚动)、scroll(由一端滚动到另一端会重复)、slide(表示由一端滚动到另一端不会重复)、direction(设置滚动方向)、down、left、right、up 、loop(设置滚动的次数)scrollamount(改变滚动速度)。
7、表格相关 表格有利于展示数据,是对网页重构的有益补充
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>(此表示一行三列的表格)
表头标签为:<caption></caption>
表格的一些属性:
cellspacing:改变单元格与单元格之间的间距 默认间距为2(只能给table加);
cellpadding:内容距边框的距离(只能给table加);
align:left/right/center(此属性若直接给table加则是整个表格位置改变,若是给tr或td加则是单元格内容位置改变);
colspan:合并同一列的单元格;
rows:合并同一行的单元格;
8、表单 表单的作用是收集信息 表单的组成:提示信息、表单控件、表单域
<from action="1.php" method="post/get"></from>属性action 处理信息
post和get的区别: