首页 > 代码库 > html笔记

html笔记

2024-08-16 16:35:54   219人阅读

HTML基本：
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>测试</title>
</head>
<body background="images/beijing">
<p>这是一个段落</p>
<p>这是另一个段落</p>
第三行<br>
第四行<br>

<  >   #显示大括号和小括号的用法<br>
-----------------------链接--------------------<br>
<a href="http://www.baidu.com">点击跳转到百度</a><br>
<a href="http://www.baidu.com" target="_blank">点击新建一个窗口跳转到百度</a><br>
--------------------------------------------------<br>
<a href="http://www.mamicode.com/#t1" target="_blank">目录,#跳转到指定的标签，可以网页中的某块区域</a>   
<!--<div id="t0" style="height:1200px">这个标签的意思是把页面拉长。</div> -->  
<div id="t1">我是t1</div>
--------------------------------------------------<br>
<h1>这是h1</h1>
<h2>这是h2</h2>
<h3>这是h3</h3>
<h4>这是h4</h4>
<h5>这是h5</h5>

<!--显示单个城市-->
<select> 
	<option>北京</option>
	<option>上海</option>
	<option>广州</option>
</select>

<!--显示多个城市-->
<select size="3"> 
	<option>北京</option>
	<option>上海</option>
	<option>广州</option>
</select>

<!--显示分组-->
<select> 
	<optgroup label="山东省">
	<option>青岛</option>
	<option>烟台</option>
	<option>济南</option>
	</optgroup>
	<optgroup label="浙江省">
	<option selected="selected">杭州</option>   #让默认显示的城市
	<option>嘉兴</option>
	<option>龙门</option>
	</optgroup>
</select>

<br>-------------------<br>

<!--单选框-->
男<input type="radio" name="sex" value="http://www.mamicode.com/man">
女<input type="radio" name="sex" value="http://www.mamicode.com/woman">
保密<input type="radio" name="sex" value="http://www.mamicode.com/secret">
<br>

<!--复选框-->
<h2>多选</h2>
<input type="checkbox"/>
<input type="checkbox" checked="checked"/>


<!--注册时填写用户名和密码-->
<h2>请输入用户名和密码</h2>
<input type="text" name="username"/>
<br>
<input type="text" name="username" value="http://www.mamicode.com/wangjiadongge"/>
<br>
<input type="passwd" name="pass" value="http://www.mamicode.com/123456"/>
<br>
	<form action="http://www.baidu.com/s" method="GET">    
		<!--action为这个表单提交给谁处理-->
		<input type="submit" name="tijiao" value="http://www.mamicode.com/提交" id="username" />
		<input type="button" value="http://www.mamicode.com/提交"/>  #button自定义功能
	</form>
<br>
<h2>上传文件的方式</h2>
<form enctype="multipart/form-data" method="post">
<input type="file" name="">
<input type="submit" name="tijiao" value="http://www.mamicode.com/上传">
</form>

<br>---------------------------------------------------------<br>

<h2>微博评论的方式</h2>
<input type="text" name="query"/>
<textarea name="query" style=""></textarea>
<br>---------------------------------------------<br>


<h2>表单、有序、数字、table</h2>
<ul>
<li>w</li>
<li>e</li>
<li>r</li>
</ul>
------------------
<ol>
<li>w</li>
<li>e</li>
<li>r</li>
</ol>
--------------------
	<dl>
	<dt>title1</dt>
	<dd>content1</dd>
	<dd>content2</dd>
	<dt>title2</dt>
	<dd>conten1</dd>
	<dd>content2</dd>
	</dl>
--------------------
<h3>table</h3>
	 <table border="1">
	<tr>
	<td>第一列</td>
	<td>第二列</td>
	<td>第三列</td>
	</tr>
	<tr>
	<td>第一列</td>
	<td>第二列</td>
	<td>第三列</td>
	</tr>
	</table>
----------------------
<h2>fieldset</h2>
	<fieldset>
		<legend>登录</legend>
	</fieldset>
-----------------------
<h2>div定义区域和块</h2>
<div style="background-color:green;height:200px;">绿色</div>
<div style="background-color:red">红色</div>

<h2>一个网站的整体布局</h2>
<div style="height:45px;background-color:blue;width:1050px;margin:auto;"></div>
<div style="width:1050px;background-color:pink;margin:auto;">
<div style="height:800px;background-color:yellow;float:left;width:200px">left</div>
<div style="height:800px;background-color:green;float:left;width:850px">right</div>
<div style="clear:both"></div>
</div>
------------------------
<h2>css介绍,请看下一章！</h2>


</body>
</html>

css：

<style s=>


本文出自 “小东哥” 博客，谢绝转载！

html笔记


联系
我们