小菜鸟之HTML常用

 
  
 
  
 
  
<title>Css标签样式</title>
 
  
 
  
视频 video标签 
controls 表示控制器 ; autoplay 自动播放
 
  
音频 audio标签
 
  
&nbsp;&copy;&lt;&gt;&quot;
<style type="text/css" rel="stylesheet">
 
  
超链接 a标签
 
  
<img src="img/lesson1.jpg" a
 
  
<em>斜体</em>,<strong>字体加粗</strong>
 
  
Cascading Style Sheets
 
  
id选择器
类选择器
标签选择器
 
  

内联样式引入

内部样式

外部样式

 
  
<link type="text/css" rel="stylesheet" href="css/newstyle.css"/>
 
  
ID选择器  类选择器 >标签选择器
!important > ID选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 继承 > 浏览器默认属性
 
  
<!--有序列表-->
<ol>
<li>语文</li>
<li>数学</li>
<li>英语</li>
<li>物理</li>
</ol>
 
  
<ul>
<li>语文</li>
<li>数学</li>
<li>英语</li>
<li>物理</li>
</ul>
 
  
<dl>
<dt>学科</dt>
<dd>语文</dd>
<dd>数学</dd>
<dd>物理</dd>
<dd>化学</dd>
<dd>体育</dd>
</dl>
 
  
<!--表格-->
<table border="1">
<tr><td colspan="2">11</td><td>13</td></tr>
<tr><td rowspan="2">21</td><td>22</td><td>23</td></tr>
<tr><td>32</td><td>33</td></tr>
<tr><td>41</td><td>42</td><td>43</td></tr>
</table>
 
  
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表表格表单</title>
</head>
<body>
<div>
<form action="url" method="get">
<div><label>注册表单</label></div>
<div><label>姓名</label><input type="text" name="username" value="" placeholder="请输入姓名"></div>
<div><label>密码</label><input type="password" name="password" value=""></div>
<div><label>再次确认密码</label><input type="password" name="password2" value=""></div>
<div><label>性别</label>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
</div>
<div><label>爱好</label>
<input type="checkbox" name="hobby" value="eat" >吃
<input type="checkbox" name="hobby" value="drink">喝
<input type="checkbox" name="hobby" value="play">玩
<input type="checkbox" name="hobby" value="study" checked>学习
</div>
<div><label>出生日期</label>
<select name="year">
<option value="2001" selected>2001</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
</select>年
<select name="month">
<option value="12">12</option>
<option value="11">11</option>
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
</select>月
<select name="day">
<option value="31">31</option>
<option value="30">30</option>
<option value="29">29</option>
<option value="28">28</option>
</select>日
</div>
<div><label>简历上传</label><input type="file" name="file" value="" disabled="disabled"></div>
<div><label>个人简介</label>
<textarea name="profile" value="" rows="5" cols="50"></textarea>
</div>
<div>
<input type="submit" name="submit" value="注册">
<input type="reset" name="reset" value="重置">
</div>
<div><input type="hidden" name="hidden" value="mimi">/div>
</div>
</form>
</div>
 
 

转载于:https://www.cnblogs.com/czg-0705/p/11565279.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值