首页 > 代码库 > Html基本用法

Html基本用法

hmtl
 hyper text markup language
 超文本标记语言
 超文本:超越一般的文本 变色 加粗 变大 甚至设置超链接
 标记:浏览器已经定义好的 一些由尖括号括起来的特殊符号
 语言:用户跟浏览器交流工具

 html文件应该以.html结尾 (可以以.htm结尾不推荐)
 1.html语言 如果标签有开始有结束 称之为围堵标记
 2.html语言中 如果标签没有标签体 称之为空标记
 3.html语言不是怎么规范语言 最好应该按照规范来
 4.html标签不区分大小写  国内开发者喜欢小写 最好小写
 5.html语言中 标签最好正确的嵌套
 6.标签中可以有属性:
  书写格式  属性名="属性值"  "" ‘‘ "‘

 

文字类标签:
  <hn></hn> n是一个可变数 取值范围1-6
  <h1></h1>
   特点:
   加粗 换行 上下留白 从一到六越来越小
   常用属性:
    align:对齐方式  left center right
  文字标签:
   <font></font><br />
   常用属性:
    color:颜色
    size:大小 1-7 1到7越来越大
    face:字体家族
    
    颜色的取值:
     1.直接颜色的英文单词
     2.RGB 以#打头跟上六个十六进制的数 #12345f
  <b></b>:加粗
  <strong></strong>:加粗  
  <i></i> :斜体
排版类标签:
 <hr/>:水平线标签
 常用属性:
  width:宽度
  宽度取值:
   1.%百分比
   2.px
  align:对齐方式
 换行标签
  <br/>
  
 段落标签
  <p></p>
  常用属性:
   align:对齐方式
   
图片标签:
  <img />
   常用属性:
    src:指定图片路径
    alt:替代文字
    width:宽度
    height:高度
   路径取值:
    1.相对路径:
     当前路径:./logo2.png ./可以不写
     上级路径:../img/logo2.png
    2.绝对路径:
     http://img.baidu.com/xx.jpg
列表标签
  ol:有序列表
  ul:无序列表
   常用属性:
    ol:
    type:控制前面显式样式
     1:默认
     A
     a
     I
     i
    ul:
     type:
      disc:默认
      circle:空心圆
      square:方块
 
  共同的子标签
   li:列表项
    超链接标签:
  <a></a>
   常用属性:
    href:跳转的页面的路径
    target:跳转的页面的打开方式
     _blank:新开一个选项卡打开
     _self:默认
     framename:在框架集里显示
    路径取值:
     相对路径:
      当前路径:
      上级路径:
     绝对路劲:网址
     #:跳转到当前页面
表格标签:
 <table></table>
 常用属性:
  border:px
  width:宽度
  height:高度
  cellspacing:表格线的间距
  align:对齐方式
 常用子标签:
  <tr></tr>
 tr标签  行
  常用属性:
   bgcolor:背景颜色
   align:对齐方式
  常用子标签:
   <td></td>:单元格
    常用属性:
     bgcolor:背景颜色
     align:对齐方式
     rowspan:行合并
     colspan:列合并
   <th></th>:表头标签
     特点: 加粗 居中
 转义符:
  常用的转义符:
   书写格式
    &单词;
   空格转义符 : &nbsp;
   大于号 >:   &gt; greate than
   小于号 <:  &lt; less than
   &符号:  &amp;
form表单标签:
 form表单标签:
  <form></form>
   常用属性:
    action:提交地址
    method:提交的方法
     get:
      默认提交方式
      参数会追加到url后面 ? 参数名=参数值&参数名=参数值
      数据最大不能超过1kb
     post:
      没有数据大小限制
      不会跟在url后面
      较为安全
   常见子标签:
    input:输入框
     type:(10种)
      text:默认
      password:密码框
      radio:单选框
      checkbox:多选框
      
      file:上传文件
      
      button:普通按钮
      submit:提交按钮
      reset:重置按钮
      
      image:了解中了解
      
      hidden:隐藏域 
 
    select:下拉选择框
     常用子标签
      option
    textarea:文本域标签
     常用属性
     rows:行
     cols:列
   
  通用属性:
   1.name属性
    1.给单选框 多选框 分组
    2.如果你想要提交数据 必须给标签一个name属性 并且必须赋值
   2.value
    1.给按钮类标签起名
    2.单选多选框 提交数据的时候 你想要提交自己的想要值 value属性 必须赋值
  设置默认值:
   1.普通文本框 密码框  hidden设置默认值 给一个value属性值 必须赋值
   2.给单选框 多选框设置默认值 给它设置一个checked属性
   3.给select下拉选择框设置默认值  给它的子标签option设置 selected属性
   4.给textarea设置默认值 直接在标签体内写内容即可
   
  ?username=tom&password=12345&gender=0&hobby=eat&hobby=sleep&avatar=&province=02&city=0201&desc=你好
  点击提交按钮 发生表单提交事件 提交数据
  在url后面跟上一个问号?参数名字=参数值
   如果有多个参数 &连接

Html基本用法