html常用知识点个人笔记

便签：

•  <span>  没特定含义，对一段文字中的部分文字进行格式化，可用作文本的容器；
•  <div>    没特定含义，块级元素，常见的用途是文档布局，取代表哥布局的老式方法
•  <iframe> 用于网页内显示其他网页，target，，熟悉连接网页iframe的name
•  <base> 定义页面上所有链接的默认地址或默认目标。
•  <meta> 定义html文档的元数据（<meta charset="UTF-8">指定编码格式），例如针对搜索引擎和更新频度的描述和关键词例如页面跳转

块级元素和内联元素：

• 大多数 HTML 元素被定义为块级元素或内联元素。
• 编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。
• 块级元素在浏览器显示时，通常会以新行来开始（和结束）。
• 例子：<div> <h1>, <p>, <ul>, <table>
• HTML 内联元素
• 内联元素在显示时通常不会以新行开始。
• 例子：<span> <b>, <td>, <a>, <img>
• 便签块后的其它便签语句会自动换行

TABLE表格

• th 标题
• tr 行数
• td 列数
• border    表格边框 
• aligh '表格'或者'单元格文字'的位置
• callpadding 文字距的内边距
• cellspacing 单元格与单元格之间位置
• bgcolor 设置颜色
• background  设置背景

列表

• <ul或者ol>          //无序列表或者有序列表
• <li>大大</li>
• <li>是否</li>
• <li>fa啥打法是否f</li>
• </ul或者ol>
• type="disc" "circle"" square"   设置列表点的形状
• 有序列表在ul中用type指定字符，然后列表会以asc码值递增字符
• <dl>  自定义列表<dd><dt>

一些关键字如何在html显示

•                 实体名称  实体编号
• 空格 &nbsp; &#160;
• < 小于号 &lt; &#60;
• > 大于号 &gt; &#62;
• & 和号 &amp; &#38;
• " 引号 &quot; &#34;

' 撇号 &apos; (IE不支持)&#39;

form标签

语法

• 获取用户操作的便签
• <input type="text"、"pass"、"riado"、"checkbox" name=“”/>  文本，密码、单选。多选输入
• <select ><option>下拉列表</option></select>
• <button></button>

属性

• disabled,readonly  只能读
• max,min, 设置数字的范围
• maxlength,size 设置输入的字符串最大长度
• step,
• value     规定输入字段的默认值()
• requied 必须填入数据，不然文本框会默认提示

html头标签常用到元素

• title 
• base  指定跳转页面的方式
• meta  自动跳转页面时等待的时间等等 <meta charset"utf-8"指定浏览器的编码>
• scrip
• <meta>标签实现自动跳转<mate http-equiv=refrash connect=3 url="">

页面布局

定位：先设置定位方式position:absulde/relalute---div线性布局