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的区别:

  a. get是从服务器上获取数据,post是向服务器传送数据。
  b. get是把参数数据队列加到提交表单的action属性所指的URL中,在URL中可以看到。post是通过HTTP post机制,用户看不到这个过程 。
  c. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。
  d. get安全性非常低,post安全性较高。但是执行效率却比Post方法好
input框的一些类型:
  text 文本输入框   disabled=”disabled” 输入框未激活  即禁用,只可以看不可以输入。readonly=“readonly” 将输入框设置为只读状态(不能编辑)
  password密码框
  radio单选框  只有将name值设置相同的时候 才能实现单选的效果 默认选中项设置为checked=“checked”
  CheckBox多选框  默认选中项设置为checked=“checked”
  file上传文件控件
  submit提交按钮
  button按钮
  image图片按钮
  reset重置按钮
  url网址控件
  date日期控件
  email邮件控件 输入邮箱地址 检测@
  number数字控件 只能输入数字 还有e
  range滑块控件
<input type="button"/>和<button></button>区别   
input button 不能提交信息 配合js使用   标签button有数据提交或者说可以刷新页面
下拉列表标签 默认选择项加 selected=“selected”
<select>
  <option>下拉列表选项</option>
</select>
多行文本框
<textarea cols=“10” rows=10“”></textarea> cols控制输入字符的长度  rows控制输入的行数。

 

 

  

  

 

posted @ 2018-02-05 19:28  小小仙®  阅读(96)  评论(0编辑  收藏  举报