HTML学习总结一

HTML总结:
一:结构:
声明版本:











二:注意:
1:如何处理乱码问题
在代码中用 设置编码
同时,选中文件,右键,选择properties选项,设置编码一致。
2:代码注释快捷键:ctrl+/
3:html注释:
4:行内元素/内联元素:,,
,,,,
块级元素:,
,
    ,
      ,
    • ,
      ,
      ,

      ,

      ,,

      块级元素(block)特性:
      总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;
      宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
      内联元素(inline)特性:
      和相邻的内联元素在同一行;
      宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变,就是里面文字或图片的大小;
      块级元素主要有:
      address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li
      内联元素主要有:
      a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,
      在标准文档流里面,块级元素具有以下特点:
      ①总是在新行上开始,占据一整行;
      ②高度,行高以及外边距和内边距都可控制;
      ③宽带始终是与浏览器宽度一样,与内容无关;
      ④它可以容纳内联元素和其他块元素。
      行内元素的特点:
      ①和其他元素都在一行上;
      ②高,行高及外边距和内边距部分可改变;
      ③宽度只与内容有关;
      ④行内元素只能容纳文本或者其他行内元素。
      不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用
      三:标签:
      1:文本处理
      (1)标题


      (2)段落


      align:文本对齐方式
      (3)列表(可以嵌套)
      有序列表:


      1. xxx

      2. xxx


      type="a": 以a,b,c...为顺序排序
      start="n":  从n开始排序
      无序列表:

      • xxx

      • xxx


      type="square": 实心圆/空心圆

      (4)分区
      //边框线粗细为1像素,颜色为红色

      (5)修饰行内的文字


      (6)文字加粗
      或者
      (7)文字倾斜
      或者
      (8)添加下划线、删除线,上标,下标
      ,
      (9)换行


      (10)一个空格 、小于号< 大于号> 、大于号、版权号©
       、、
      (11)文本居中

      (12)水平线



      2:图片和超链接
      (1)图片
      加载失败... // ../表示向上跳一级
      alt: 图片显示失败时显示的内容
      title:图片的标题
      (2)超链接
      百度
      属性:target="_selt/_blank/_new/_parent"   默认是_self
      //链接到外网,在新窗口中打开
      百度链接
      //链接到内网,在当前页面打开
      demo1

      //定义锚点,并链接到底端 (注意:name中命名最好用英文,且链接的href里格式是#+命名)
      底端写:底端
      顶端写:回到底端

      //定义锚点连接到顶端
      底端写:top
      (3)图片作为超链接



      3:制作表格
      (1)创建表格(2行2列)





      a
      b
      c
      d

      (2)跨行 (跨多少行rowspan等于几)

      //第一行




      //第二行

      //由于a要跨行,占据c的位置,所以要先将c删除 



      a b
      d

      (3)跨列

      //第一行


      //由于a要跨行,占据b的位置,所以要先将b删除 
      b-->

      //第二行




      a
      c d

      4:表单
      (1)定义表单:

      主要属性:
      - action:表单提交的URL
      - method:指出表单提交的方式
      -enctype:表单数据进行编码的方式
      (2)表单控件
      表单包含很多不同类型的控件,是一种HTML元素,是信息的输入项
      表单控件包括:
      -input元素(具有不同的外观)
      文本框、密码框
      单选框、复选框
      按钮
      隐藏域、文件选择框


      -其他元素
      标签、文本域、下拉选




      //文本框


      //密码框

      //主要属性
      - value:由访问者自由输入任何文本
      - maxlength: 限制输入的字符数
      - readonly: 设置文本控件只读
      //单选框

      checked="checked" 设置默认选中 
      //多选框


      //主要属性
      -value:文本,当提交form时,如果选中此项,则value被发送到服务器
      -name: 用于实现分组,一组单选框或复选框名称必须相同
      -checked="checked" 设置默认选中 
      //按钮
      //提交按钮 (传送表单数据给服务器)

      //重置按钮 (清空表单内容并把所有设置回归默认值)

      //普通按钮 (用于执行客户端脚本)

      //主要属性
      -value :按钮的名字
      //隐藏框
      :元素不可见

      //文件选择框

      //文本域

      //属性:
      cols:指定文本域的列数
      rows:指定文本域的行数
      readonly:只读
      //下拉选:
      语法:

      selected="selected" 设置默认选中



      (3)表单高级用法
       隐藏域:

       只读:
      内容无法修改
       禁用:
      无法点击触发效果
      (4) 表单的基本元素