1.HTML代码的含义
-
<!DOCTYPE html>声明为HTML5文档; -
<html>元素是HTML页面的根元素; -
<head>元素包含了文档的元(meta)数据。例如,<meta charset="utf-8">定义网页编码格式为utf-8; -
<title>元素描述了文档的标题; -
<body>元素包含了可见的页面内容; -
<h1>元素定义了一个最大标题; -
<p>元素定义了一个段落;
2.HTML标签
-
HTML标签是由尖括号包围的关键词,如
<html>; -
HTML标签通常是成对出现的,如
<p>和</p>; -
标签对中的第一个标签是开始标签,第二个标签是结束标签;
标签 描述 <!--...-->定义注释 <!DOCTYPE>定义文档类型 <a>定义超文本链接 <articele>定义一个文章区域 <audio>定义音频内容 <b>定义文本粗体 <body>定义文档的主体 <br>定义换行 <button>定义一个单击按钮 <canvas>定义图形,如图表和其他图像。标签只是图形容器,必须使用脚本来绘制图形 <caption>定义表格标题 <div>定义文档中的分区或节,主要用作大的框架布局,无任何语义 <em>定义强调文本 <footer>定义section或document的页脚 <form>定义了HTML文档的表单 <frame>定义框架集的窗口或框架 <frameset>定义框架集 <h1>to<h6>定义HTML标题 <head>定义关于文档的信息 <header>定义文档的头部区域 <hr>定义水平线 <html>定义HTML文档 <i>定义斜体字 <iframe>定义内联框架 <img>定义图像 <input>定义输入控件 <label>定义input元素的标注 <link>定义文档与外部资源的关系 <meta>定义关于HTML文档的元信息 <option>定义选择列表中的选项 <p>定义段落 <script>定义客户端脚本 <section>定义文档中的内容区块(section、区块),如章节、页眉、页脚或文档中的其他部分 <select>定义选择列表(下拉列表) <span>组合文档中的行内元素 <strong>定义强调文本 <style>定义文档的样式信息 <textarea>定义多行的文本输入控件 <title>定义文档的标题 <video>定义视频,如电影片段或其他视频流
3.HTML属性
-
HTML元素可以设置属性;
-
属性可以在元素中添加附加信息;
-
属性一般描述于开始标签;
-
属性总是以名称/值对的形式出现,如“name="value"”;
属性 描述 clas 为html元素定义一个或多个类名(classname)(类名从样式文件引入) id 定义元素的唯一id style 规定元素的行内样式(inline style) title 描述元素的额外信息(作为工具条使用)常用的表格标签 - 常用的表格标签
| 标签 | 描述 | 标签 | 描述 |
|---|---|---|---|
<table> | 定义表格 | <colgroup> | 定义表格列的组 |
<th> | 定义表格的表头 | <col> | 定义用于表格列的属性 |
<tr> | 定义表格的行 | <thead> | 定义表格的页眉 |
<td> | 定义表格单元 | <tbody> | 定义表格的主体 |
<caption> | 定义表格标题 | <tfoot> | 定义表格的页脚 |
-
常用的列表标签
标签 描述 标签 描述 <ol>定义有序列表 <dl>自定义列表 <ul>定义无序列表 <dt>自定义列表项 <li>定义 <ol>、<ul>下的列表项<dd>自定义列表项的描述
4.Form标签属性
-
<form>标签的属性属性 说明 name 表单的名称 method 设置表单的提交方式,GET或者POST方法 action 指向处理该页面的URL(相对位置或者绝对位置) enctype 设置表单内容的编码方式 target 设置返回信息的显示方式,属性值包括 _blank、_parent、_self、top
5.HTML表单元素
1.输入域标记<input>
2.选择域标记<select>和<option>
3.文字域标记<textarea>
语法格式如下:
<textarea name="name" rows=value cols=value value="value" warp="value">
...文本内容
</textarea>