学习html笔记
基本结构
<html>
<!--页面头部-->
<head>
<!--页面名称-->
<title></title>
</head>
<!--页面主体-->
<body>
</body>
</html>
文本标签
示例
<!--标题标签1~6-->
<h1>1</h1>
<h2>1</h2>
<h3>1</h3>
<h4>1</h4>
<h5>1</h5>
<h6>1</h6>
<hr/><!--横线标签-->
<p>内容</P>
<b></b><!--粗体标签-->
<i></i><!--斜体标签-->
<br/><!--换行标签-->
特殊符号
<<!-- < -->
><!-- > -->
<!-- 空格 -->
&<!-- & -->
图片标签
<!--src:图片链接/位置 title:鼠标放在图片上显示的文本
alt:图片失效时显示的文本-->
<img src="" title="" alt="" />
导航标签
<!--href:导航链接地址 target:定义被链接的文档在何处显示-->
<!--target的属性值:_blank:新窗口;_self:默认;_parent:父窗口;-->
<a href="" target=""></a>
表格标签
<table>
<!--表格标题-->
<caption></caption>
<!--表格页眉-->
<thead>
<!--分行-->
<tr>
<!--表头-->
<th></th>
</tr>
</thead>
<!--表格主体-->
<tbody>
<tr>
<!--单元格-->
<td></td>
</tr>
</tbody>
<!--表格页脚-->
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
form表单
<form>
<!--fieldset标签:一组相关的表单元素,并使用外框包含起来-->
<fieldset>
<!--legend标签:fieldset元素的标题-->
<legend></legend>
<!--type类性选择:text(文本)、password(密码)、radio(单选)、checkbox(复选)、submit(提交)、select(下拉菜单)、option(下拉列表选项)
value类型:规定按钮初始值-->
<input type="" name="" value="">
<!--type类性:submit(提交)、reset(重置)、button(按钮)-->
<button type="" name="" value="">
</fieldset>
</form>
列表标签
无序列表
<ul>
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li></li>
<li></li>
</ol>
div标签
定义了文档的区域,块级
通常和CSS配合使用
<div>
<!--span标签:对文本中的一部分进行着色-->
<p>这是一个在 <span style="color:blue">div 元素</span>中的文本。</p>
</div>