码迷,mamicode.com
首页 > Web开发 > 详细

html基本标签与属性

时间:2017-08-27 17:02:53      阅读:309      评论:0      收藏:0      [点我收藏+]

标签:单元   lsp   表头   自带   没有   搜索引擎优化   audio   ref   内容   

 
HTML的整体框架
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  </body>
</html>
 
 
在body中具体有哪些常用的标签
文本标签
<b></b>  加粗标签
<i></i>    斜体标签
<p></p>  段落标签   每个段落和其他段落之间有一个间隙
<sub></sub> 下角标
<sup></sup> 上角标
<del></del> 删除线
<s></s>    删除线
和搜索引擎有关系的标签 SEO(搜索引擎优化)
<em></em>  强调功能
<strong></strong> 具有强调功能
strong  >  em
<h1></h1>     标题标签   从大到小  每一个都独立占去一行
......
<h6></h6>
在一个网页中最好只有一个h1标签
在html源代码中有多个空格只识别一个
 
格式标签
<br> 强制换行标签
<hr> 横线标签
<pre>原型输出标签
 
 
列表标签
<Ul> 无序列表
<li></li>  列表项
</Ul>
 
<ol> 有序列表
<li></li>  列表项
</ol>
 
<dl> 自定义列表
<dt></dt>
<dd></dd>
</dl>
 
超链接标签
<a></a>
  属性:
     Href:就是超链接跳转的地址
      target:_self:在本选项卡中打开
          _blank:在新的选项卡中打开
 
多媒体标签
<img>   图片标签
属性:
src:就是需要加载图片的路径(URL)
width:设置图片的宽度
height:设置图片的高度
注意:为了避免图片失真宽度和高度最好只设置一个
border:设置图片的边框
alt:    第一个用法:
就是在图片没有加载出来的时候会把  
文字显示出来
       第二个用法:搜索引擎会根据alt的值 去判断这张图片上到底是什么
        title:就是鼠标放上去会有一个小的提示
<audio></audio> 音频标签
属性:src:需要加载的音频路径
   controls 控制按钮
<video></video> 视频标签
属性: src 需要加载的视频路径
   controls 控制按钮
   loop: 自动重播
   width:宽度
   height:高度
 
 
<table></table> 表格标签
属性:border:就是给整个表格加边框
     width:给整个表格设置宽度
     align:center 会把整个表格相对于浏 览器居中
     right:会把整个表格相对于浏 览器居右
    left:会把整个表格相对于浏 览器居左(默认值)
    bgcolor:设置整个表格的背景颜色
<tr></tr> 表格中的一行
属性:align:left:会把这一行的内容相对于单元格居左
   r                   ight:把这一行的内容相对于单元格居右
                     center:把这一行的内容相对于单元格居中
                     bgcolor:设置一行的背景颜色
 
 
<td></td> 一行中的一列
<th></th> 表头  比<td>要粗 自带居中属性
属性:align:left:会把这一行的内容相对于单元格 居左
   right:把这一行的内容相对于单元格居右
     center:把这一行的内容相对于单元格居中
在td中的优先级大于在tr中
         rowspan:合并行
         colspan: 合并列
         bgcolor:设置这个单元格的背景颜色
 
 
 
表单标签
<form></form> 表单标签
属性:
action: 就是这个表单的内容要提交到那个后台
method:就是表单提交的方式
get:以get方式提交
post:以post方式提交
所有的表单项都必须有name属性-不要写汉字
<input > 表单项
属性:type:
值:
 text:就是普通的文本输入框
 submit:就是一个提交按钮
 image:图片提交按钮
   radio:是单选按钮
  checked:默认选中值
checkbox:多选按钮
checked:默认选中值
hidden:隐藏域-就是后台可以接收到值,但是前台用户看不到
  password:密码输入框--就是输入的内 容会用....开代替
maxlength:控制用户输入的多少
disabled:禁用-就是后台也接收不到值
readonly:就是前台不能改,但是后台可以接收 到值
  size:设置text这个类型的大x小
placeholder:提示内容,点击输入内容后消失
    
<select></select> 下拉列表
属性:
    name:就是下拉列表的名字
<option></option> 下拉列表的列表项
属性:
Value:就是每个列表项对应的值
 
<textarea></textarea> 文本域
      属性:
name:文本域的名字
cols:控制列数
rows:控制行数
disabled:禁用 ---后台接收不到
readonly:只读 -- 后台可以接收到
                             
其他的标签
<div></div>   块状标签
<span></span>   行内标签
 
 

html基本标签与属性

标签:单元   lsp   表头   自带   没有   搜索引擎优化   audio   ref   内容   

原文地址:http://www.cnblogs.com/962202852lzz/p/7440619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!