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

html基本标签

时间:2016-07-22 18:57:49      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:

<br>:换行

<hr/>:水平线

<p>。。。</p>:段落

<imag="图片地址">:图片显示

ctrl+?:快速注释

<a href="链接地址" >打开窗口位置</a>:超链接


有序列表:
<ol>
  
 <li>桔子</li>
     1桔子
 <li>香蕉</li>
     2香蕉 
 <li>苹果</li>   3苹果

</ol>

 

无序列表:
<ul>
  
 <li>桔子</li>
  
 <li>香蕉</li>
  
 <li>苹果</li>

</ul>


表格:
<table colspan="" rowspan="">
  <tr>
   <td>
   </td>
  </tr>


</table>
colspan:行跨距
rowspan:列跨距


属性  值  说明
-----------------------------------------             
align  left  左对齐

  center  居中对齐
水平对齐方式 right  右对齐
-----------------------------------------     
  top  顶端对齐
valign
  middle         居中对齐
垂直对齐方式 bottom  底端对齐
  baseline 基线对齐
-----------------------------------------
  


空格         &nbsp;
大于号(>) &gt;
小于号(<) &lt;
引号(")         &quot;
版权符号@ &copy;
注册符号 &reg;

 

 

框架:
</head>
    <frameset rows="15%,25%,*" >
        <frame src="_table.html" name="该窗口名字" width="">
        <frame src="Form_son.html">
        <frame src="Form.html">
    </frameset>
如:<a href="引用网站" traget="显示网站内容窗口的名字(在哪个窗口显示网站内容)"></a>
 <iframe name="该窗口的名字" 。。。。。>
 </iframe>
<body>



将网页分成上中下三个页面

 

表单:
<form name="该表单名称" method="get/post" action="网页"(点击含有submit属性的键时进入该网页)enctype="multipart/form-data”(带附件时必须带上这项)>

 


 <input name="文本框名称" type="text(普通输入框)" value="文本框初始值" size="文本框长度" maxlength="文本框可输入最大字符">
 <input name="    "           type="password(密码形式输入)">
 <input  name="usersex" type="radio(单选框)" value="男">男(单选按钮选中的值)//即选中时usersex=“男”
      用radio单选项时,必须name的选项一样,不然不能单选

 <input type="submit" name="Buttom" value="提交">
 <input type="reset name ="Reset" value="重置">
 <input type="checkbox(多选框)" value=sports>运动(复选按钮选中的值)
 多行文本域:
 <textarea  name="showText"  cols="x<列>"  rows="y(行)">文本内容 </textarea  >

 

</form>

 


列表框
<select name="列表名称" size="显示的行数">

<option value="选项的值" selected="selected">…</option >

<option value="选项的值">…</option >

</select>


type  指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button,默认为 text
name  指定表单元素的名称。
value  元素的初始值。type 为 radio时必须指定一个值
size  指定表单元素的初始宽度。当 type 为 text 或 password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位
maxlength type为text 或 password 时,输入的最大字符数
checked  type为radio或checkbox时,指定按钮是否是被选中

 

 

HTML中引入CSS样式
    html文件引用.css文件样式表有两种方法
    1、链接外部样式
 <head>
 
  ……
<link href="style.css" rel="stylesheet" type="text/css(文件样式)" />
……
 
</head>

    2、导入外部样式
 <head>

  ……
<style type="text/css">
  
<!--

  @import url("style.css");
  
-->

      </style>
 
</head>


链接式与导入式的区别:

 

 <link/>标签属于XHTML,@import是属于CSS2.1
使用
 <link/>链接的CSS文件先加载到网页当中,再进行编译显示
使用@import导入的CSS文件,
 客户端显示HTML结构,再把CSS文件加载到网页当中
@import是属于CSS2.1特有的,
 对于不兼容CSS2.1的浏览器来说就是无效的。

css样式选择优先级:

 行内样式>内部样式表>外部样式表

 ID选择器>类选择器>标签选择器

 

html基本标签

标签:

原文地址:http://www.cnblogs.com/zhf-booko/p/5695870.html

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