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

HTML+CSS入门

时间:2015-09-06 23:03:34      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:

<strong>加粗</strong>

<em>斜体</em>

<p>段落</p>

<span>设置单独样式</span>

<q>引用别人的话,自加双引号</q>

<blockquote>带缩进引入大段文本</blockquote>

<br />换行,标准写法

&nbsp; 空格,注意最后的分号

<hr /> 横线,标准写法

<address>地址,斜体加单独换行</address>

<code>单行代码</code>

<pre>多行代码</pre>

<ul><li>新闻列表,无序</li></ul>

<ol><li>排行列表,有序</li></ol>

<div>切割块</div>

<div id="">id版块名称</div>

<tr>

<thead>列表头</thead>

<th></td>

<td>列表内容</td>

</tr>

table tr td,th{border:1px solid #000;}标签框

<table summary=""></table>summary表示摘要

<table><caption>列表标题</caption></table>

<a href="目标网址" title="鼠标滑过文本" target="_blank">链接文本</a>

<a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感&body=你好,对此评论有些想法。">发送邮件</a>

<img src="图片地址" alt="下载失败时的替换文本" title="提示文本"></img>

<form method="传送方式" action="服务器文件">

<input type="" name="为文本框命名,以备后台程序ASP 、PHP使用。" value="为文本输入框设置默认值。(一般起到提示作用)"/>

<textarea cols="50" rows="10">在这里输入内容...</textarea>

<input type="submit" value="确定"  name="submit" />

<input type="reset" value="重置"  name="reset" />

type="radio" 时,控件为单选框  type="checkbox" 时,控件为复选框

 

<form action="save.php" method="post" >
    <label>性别:</label>
    <label>男</label>
    <input type="radio" value="1"  name="gender" />
    <label>女</label>
    <input type="radio" value="2"  name="gender" />
</form>

 

<form action="save.php" method="post" >
    <label>爱好:</label>
    <select>
      <option value="看书">看书</option>
      <option value="旅游" selected="selected">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>

 

<form action="save.php" method="post" >
    <label>爱好:</label>
    <select multiple="multiple">
      <option value="看书">看书</option>
      <option value="旅游">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>

 

<label for="控件id名称">

<style type="text/css">
span{
   color:red;
}
</style>

 

<link href="base.css" rel="stylesheet" type="text/css" />

 

 

 

HTML+CSS入门

标签:

原文地址:http://www.cnblogs.com/hujun1992/p/html-css.html

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