码迷,mamicode.com
首页 > Web开发 > 详细

html基础

时间:2019-06-16 13:29:26      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:cti   pad   copy   select   checked   超链接   www   行合并   段落   

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo_1这是标题</title>
</head>

<body>
<p>这是段落标签</p>

<!--这是注释-->

<!--超链接、段落、锚点、字体-->
<h1>字体的大小</h1> <h2>字体的大小</h2>

<a href="https://www.baidu.com">这是个超链接标签</a>

<a href="#_ad">锚点1</a>
<p id="#_ad" aalign="left">锚点<p>
<a href="#">回到顶部</a>

<!--表格-->
<table border="10px" align="center" cellpadding="20px" cellspacing="10px">
<!--cellpadding边框的大小 cellspacing表格与表格之间的大小 -->
<caption>标题</caption>
<tr>
<td bgcolor="red" colspan="2">张三</td><!--行合并-->
<td>李四</td>
<td rowspan="2">王五</td><!--列合并-->
</tr>
<tr>
<td >张三</td>
<td>李四</td>

</tr>
</table>

<!--图片显示-->
<img src="D:\办公\html笔记\Demo_png.png" width="200px" alt="这是图片没有加载出来的提示" title="这是光标移到提示"/>

<!--无序列表-->
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>橘子</li>
<li>菠萝</li>
</ul>

<!--有序列表-->
<ol>
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
</ol>

<!--定义列表-->
<dl>
<dt>友情链接</dt>
<dd>baidu</dd>
<dd>xiaomi</dd>
<dd>Taobao</dd>
</dl>

<!--加黑加粗-->
<b>加粗</b>
<strong>加粗</strong>
<br>

<!--斜体-->
<i>斜体</i>
<em>斜体</em>

<!--线-->
<u>下划线</u>
<s>删除线</s>
<del>删除线</del>

<!--分割线-->
<hr/>

<!--上标下标-->
2<sub>3</sub>
2<sup>3</sup>

<!--块元素-->
<div>我是第一个div</div>
<div>我是第二个div</div>
<div>我是第三个div</div>

<span>我是第一个span</span>
<span>我是第二个span</span>
<span>我是第三个span</span>
<br>

<!--表单及控件-->
<form action="">

<fieldset>
<legend>区域划分</legend>
区域内容
</fieldset>

账号:<input type="text"></input><br>
密码:<input type="password"></input><br>
性别:<input type="radio" name="a">男</input>
<input type="radio" name="a">女</input><br>
爱好:<input type="checkbox" checked="ck">吃</input>
<input type="checkbox" checked>喝</input>
<input type="checkbox">嫖</input><br>
出生:<select>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
</select><br>
个人简介<textarea cols="10" rows="5">null</textarea>
<input type="reset" value="清除">重置</input>
<input type="button" value="注册">注册</input>
<input type="submit" value="提交"></input>
</form>

<!--字符实体-->
字符实体由&nbsp;分号结束&lt;&gt;&copy;&#36;
</body>
</html>

html基础

标签:cti   pad   copy   select   checked   超链接   www   行合并   段落   

原文地址:https://www.cnblogs.com/glkj/p/11031091.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!