html基础

Posted glkj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html基础相关的知识,希望对你有一定的参考价值。

<!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基础的主要内容,如果未能解决你的问题,请参考以下文章

HTML基础

HTML基础

HTML基础学习

HTML基础学习1——标签

HTML基础

HTML5零基础入门之HTML基础语法详解