zoukankan      html  css  js  c++  java
  • html记录

    a

    链接标签
    单词缩写: anchor 的缩写 。基本解释 锚, 铁锚 的
    href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用

    target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。

    
    <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
    
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="https://www.sina.com.cn/">新浪</a>
    <a href="新闻页面.html">今日新闻</a>
    <a href="#">我的作品地址</a>
    
    

    锚点定位

    1.使用“a href=”#id名>“链接文本"创建链接文本。

    2.使用相应的id名标注跳转目标的位置。
    :target目标伪类选择器CSS3 :选择器可用于选取当前活动的目标元素

    <style>
    :target {
    	color: red;
    	font-size: 30px;
    }
    </style>
    
    <a href="#movie">1 演艺经历</a><br />
    <a href="#live">2 个人生活</a><br />
    
    <h3 id="movie">演艺经历</h3>
    <hr />
    
    XXXX年,XXXX考进XXXX北京电影学院XXXXXXXXXXXX
    <h3 id="live">个人生活</h3>
    <hr />
    
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    

    base 标签

    base 可以设置整体链接的打开状态,写在 <head> </head>之间

    table

        	<table width="500" height="300" border="1" cellspacing="0" cellpadding="0" align="right">
        		<caption>火影忍者演员表</caption>
        	 <thead>
        		<tr>
        			<th>姓名</th>
        			<th>性别</th>
        			<th>年龄</th>
        		</tr>
        	</thead>
    		<tbody>
        		<tr>
        			<td>鸣人</td>
        			<td>男</td>
        			<td>18</td>
        		</tr>
        		<tr>
        			<td>佐助</td>
        			<td>男</td>
        			<td>19</td>
        		</tr>
        	</tbody>
        	</table>
    

    跨行合并:rowspan 跨列合并:colspan
    合并的顺序 先上 先左

    		<tbody>
        		<tr>
        			<td>鸣人</td>
        			<td>男</td>
        			<td>18</td>
        		</tr>
        		<tr>
        			<td>佐助</td>
        			<td colspan="2">男</td>
        		</tr>
        	</tbody>
    

    label

    <h3>label(table) 标签的使用 </h3>
    <label>  输入账号: <input type="text" /> </label> <br />
    <label for="two">  输入账号: <input type="text" />   <input type="text"  id="two"/></label>
        	<hr />
        	1. 用label 直接进行包裹input 就可以了
        	2. 如果label里面有多个表单,想定位到某个  可以通过for  id 的格式来进行
    

    textarea

    文本域

    <textarea cols="每行中的字符数" rows="显示的行数">
      文本内容
    </textarea>
    
      一般就这样写,
    <textarea>
    文本内容
    </textarea>
    
    

    select

    下拉菜单

    <select>
      <option>选项1</option>
      <option>选项2</option>
      <option>选项3</option>
    </select>
    
    
          籍贯:
           <select>
           		<option>点击选择您的籍贯</option>
           		<option>北京</option>
           		<option>上海</option>
           		<option>广州</option>
           		<option selected="selected">星星</option>
           </select>
    
    

    form

    表单域

    <form action="url地址" method="提交方式" name="表单名称">
      各种表单控件
    </form>
    

    常用属性:

    1. Action
      在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。
    2. method
      用于设置表单数据的提交方式,其取值为get或post。
    3. name
      用于指定表单的名称,以区分同一个页面中的多个表单。

    注意: 每个表单都应该有自己表单域。

  • 相关阅读:
    Catch That Cow(poj 3278)
    补丁vs错误(codevs 2218 错误答案)
    泥泞的道路(codevs 1183)
    一塔湖图(codevs 1024)
    多源最短路(codevs 1077)
    html5.js让IE(包含IE6)支持HTML5元素方法
    字符数组的定义与使用具体解析
    QT解析嵌套JSON表达式
    SVN入门-2分钟教你入门
    Codeforces Round#251(Div 2)D Devu and his Brother
  • 原文地址:https://www.cnblogs.com/gleamer/p/10190025.html
Copyright © 2011-2022 走看看