HTML基础详知

基本标签:

< b > 加粗; < i > 倾斜; < u > 下划线; < br > 换行;

< hr >水平线 < p > 段落; < pre >格式化; < font >字体;

< a > 超链接 href设置地址 target 是否打开新窗口;—blank打开新窗口;

< hi >…< h6 > 标题标签;

< img > 加图片 src="" 设置路径 title 标题

< sub >下标 < sup > 上标

列表(type类型)

无序列表 < ul > < li >

有序列表 < ol > < li >

自定义列表 < dl > < dt > < dd >

表格

< table > < tr > < td >

border:边框大小 wight:宽 height:高 align: 对齐方式

cellspacing 单元格与单元格间距

cellspadding 单元格内容与单元格之间的距离

bordercolor 边框颜色

caption 表格标题

rowspan 合并行 colspan 和并列

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
     <table border="1" width="500" height="300" bordercolor="red" align="center"cellspacing="0" cellpadding="10">
     	<caption>标题</caption>
     	<tr>
     		<td rowspan="2"></td>
     		<td colspan="3"></td>
     	</tr>
     	<tr>
     		<td></td>
     		<td></td>
     		<td></td>
     	</tr>
     </table>
	</body>
</html>

表单

< form > < input >

< type > 元素类型

text 文本型 password 密码型 radio 单选按钮 checkbox 多选框

maxlength 最大字符数 min 最小字符数 placehoulder 阴影提示

filedset 对元素进行分组 legend 分组名称 textarea 文本域

select 下拉选择框 multiple 下拉选框 < optgroup > 选择分组 < lable >

< button > < input type=button / > 按钮 < submit >
< reset >重置按钮

< reset >重置按钮

method 提交方式 get(默认) / post;

get: 数据量小 有限制 会在url地址栏中显示用户数据 不安全;

post:数据量大 不会在url地址栏中显示用户资料 安全性高

< action>将表单数据提交到指定页面

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body >
			<center>
		<table border="1" cellspacing="0" style="margin-top: 300px;" width="300" height="200">
	    <tr>
	     	<td>	
	     		<form>
		     	姓名:<input type="text"  placeholder="请输入用户名"/><br />
			   </form>
			</td>
		</tr>
		<tr>
			<td>
			       <form>
			                 年龄:<input type="password"  placeholder="请输入密码"/><br />
			      </form>
			</td>
		</tr>
		<tr>
			<td>
		    	<form>
			             年龄:<input type="radio"  name="enne"/>男
			             <input type="radio"  name="enne"/>女 
			    </form>
			</td>
		</tr>
		<tr> 
			<td>
			     <form>
		            	兴趣: <input type="checkbox" />象棋
			                  <input type="checkbox" />乒乓球
						      <input type="checkbox" />王者荣耀 <br />
			     </form>
			</td>
		</tr>
		<tr>	
			<td>
			求职意向
				<select>
				<option>软件开发</option>
				<option>前端设计</option>
				<option>网络工程师</option>
		     	</select>
			</td>
		</tr>
		<tr>
			<td align="center" >
		         <input type="resed" value="重置"/>
			      <input type="button" value="登录"/>
	        </td>
     	</tr>
	    </table>	
	    </center>
	</body>
</html>

框架
< frameset >
< rows >行 < cols > 列
< frameborder > 有无边框 0(无边框)1(有边框)
bordercolor 背景颜色 framespacing 框架之间间距
< frame > < src > 路径

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
     <frameset rows="20%,*,10%" frameborder="1" bordercolor="blue" framespacing="10">
     	<frame src="jianli.html" noresize="noresize" scrolling="no" />
        <frameset cols="20%,70%,*">
       	<frame src="左边.html" />
         <frame name="enen" />
     </frameset>
</html>

内嵌式框架
< noresize > 用户不能随便修改框架大小
< scrolling > 滚动条是否显示

<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<table border="1" align="center"  cellspacing="0" cellpadding="10">
			<caption>个人简历</caption>
		<tr>
		   <td rowspan="4" width="100">
		   	<img src="img/a.jpg" width="100" />
		   </td>
			<td >姓名:</td>
			<td><input type="text" placeholder="张小虎"</td>
			<td>年龄:</td>
			<td><input type="text" placeholder="21"</td>
		</tr>
		<tr>
		    <td> 籍贯: </td>
			<td><input type="text" placeholder="陕西省汉中市" /></td>
	     	<td> 专业 :</td>
		    <td> <input type="text" placeholder="计算机" /> </td>
		</tr>
		<tr>
		    <td>求职意向</td>
		
			<td>
				<select>
				<option>软件开发</option>
				<option>前端设计</option>
				<option>网络工程师</option>
		     	</select>
			</td>
			<td>学历</td>
			<td>
				<input type="radio"  name=zzz/>大专
				<input type="radio" name=zzz/>本科
				<input type="radio" name=zzz/>研究生
			</td>
		</tr>
		<tr>
		    <td>手机号</td>
			<td><input type="text" placeholder="" /></td>
			<td>邮箱</td>
			<td><input type="text" placeholder="" /></td>
		</tr>
		<tr>
		    <td>详细地址</td>
		    <td colspan="4"><input type="text" placeholder="" /></td>
		</tr>
	   <tr>
	    	<td>实习经验</td>
	 	    <td colspan="4"> 
	   	       	<iframe src="经验.html" noresize="norsize" scrolling="no" width="500" height="150" frameborder="0"/>
	     	</td>
	   </tr>
	 
	 <tr>
	 	<td>  自我评价</td>
	 	<td colspan="4"> 
                     	<iframe src="评价.html" noresize="norsize" scrolling="no" width="500" height="150" frameborder="0"/>
	 	</td>
	 </tr>
		</table>
	</body>
</html>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值