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
    用于指定表单的名称,以区分同一个页面中的多个表单。

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

posted @ 2018-12-28 13:32  gleamer  阅读(295)  评论(0编辑  收藏  举报