html 笔记

一、 网页的本质是网页文件
文本文件
扩展名：html 或htm
二、网页基本结构

单标签，双标签。
网页元素：指构成网页的各项内容

三、文本，图片，超链接

   网页中插入文本：
    <br/>换行标记  
     <span></span> 普通文本标记   
     <p></p> 段落标记

  实体符号用来替换网页中特殊符号
    &nbsp；   空格符
    &lt；        小于号
    &gt；       大于号
<!--注释符号--> 用来注释网页中的内容

网页中插入图片：
<img/>
属性：
src :指明存储图像的位置
alt ：为图片添加替换文本

网页中插入超链接：
   超链接----从一个网页指向一个目标的连接关系
   <a href="链接目标" target="_blank">链接对象</a>
   链接对象：文字和图片等
  
  target:在何处打开目标
  _blank:在新窗口打开
  _self:在当前窗口打开
  _parent:在父窗口打开
  _top:在顶窗口打开

四： 表格、表单、列表热区、内联框架
网页中插入表格：

<table border="1" width="400px" height="200px" cellpadding="30px"  cellspacing="25px">
		<tr>
			<th> 姓名  </th>
			<th> 年龄 </th>
			<th> 成绩 </th>
		</tr>
		<tr>
			<td colspan="2"> 李四  </td>
			<td>  96 </td>
		</tr>

		<tr>
			<td rowspan="2"> 张三封  </td>
			<td>  23 </td>
			<td>  89 </td>
		</tr>

		<tr>
			<td> 赵二  </td>
			<td>  20 </td>
			<td>  89 </td>
		</tr>


	</table>
cellpadding：单元格内边距；
cellspacing:  规定单元格外边距；
rowspan :合并单元格行数
colspan :合并单元格列数

网页中插入表单元素：
什么是表单：
是一个包含表单控件的区域，允许用户在表单中输入信息的元素，是用户向服务器传输数据的接口
常用表单控件：

<form   action="   "    method="   ">
   	   用户名：<input type="text" name="username" /> 

   	   <br/>

   	   密码：<input type="password" name="userword" />
       <br/>
       性别：
       <input type="radio" name="sex" />男
       <input type="radio" name="sex" />女
       <br/>
       兴趣：
         <input type="checkbox" name="xingqu" /> 足球
         <input type="checkbox" name="xingqu" /> 篮球

       <br/>
       班级：
         <select>
         	<option>一班</option>
         	<option>二班</option>
         </select>
       <br/>
         备注：
         <textarea rows="4" cols="10">
         	
         </textarea>
       <br/>
       <input type="button" name="button" value="OK">
       <br/>
        <br/>
   	   <input type="submit" name=""/>
   </form>

网页中插入列表:

  <ul type="circle">
   	  <li> <a href="##">列表项 </a> </li>
   	  <li> <a href="##">列表项 </a> </li>
   	  <li> <a href="##">列表项 </a> </li>
   </ul>

网页中插入热区
热区：在一张图片上定义多个超链接，不同区域应用不同超链接

  <img src="1.jpg" width="200px" height="150px" usemap="#Map2" style="margin-top: 10px" border="10" />

    <map name="Map2" id="Map2">
    	 <area shape="rect" coords="100,133,120,140" href="https://www.baidu.com/?tn=25017023_13_pg" />

    	 <area shape="rect" coords="20,25,106,123" href="https://www.csdn.net/" />
    </map>

网页中插入内联框架：
内联框架：在一个页面中通过标签在特定位置引入另一个页面。

  <iframe src="http://baidu.com" width="500px" height="400px" border=0 scrolling="no">	
   </iframe>