HTML文档的基本结构与语法:
- HTML(超文本标记语言):文件头部部分和文件体部分。有<head><html><body>标记。
标记:Html基本语法。用<>把标记包围,大部分成对,包括开始标记和结束标记。
HTML标记及其属性:
- 格式:<标记>受标记影响内容</标记>。
空标记:不包含具体内容。
HTML元素:行内元素:基于语义基本元素,收纳文本和其他行内元素:<a><em><font><input/>
块元素:新行开始,收纳其他元素和行内元素:<div><h1><p><table>
- 属性:以名称/值形式出现:核心属性,i18n属性,事件属性
大小写都可以,最后小写。
段落标记:
- 注释标记:<!--注释内容-->
- 强制换行<br>
- 段落标记<p>
- 水平线标记<hr>
- <div>标记:区块容器标志,块元素,自动换行。(div可包含span)
- <span>标记:容纳各种HTML元素,形成独立对象。不会换行,没有结构意义,纯粹应用样式。
文字标记:
- 标题文字标记:<h1-h6>标题文字</h1-h6>align对齐方式,默认左对齐。
- 字体标记:<font size="大小" face="字体" color="颜色"></font>
- 字形标记:b粗体,i斜体,u下划线,strike删除线,sub下标,sup上标,strong强调,big大字体,small小字体
表格标记:<table>
- <border>边框,
- <tr>行,align=left/right/center
- <th>单元格标题<td>单元格值,valign=top/bottom
- cellpadding指定表格单元格的内容和单元格边框的间距。
- colspan列rowspan行
- 属性:bgcolor背景颜色,background背景图片,bordercolor边框颜色
超链接标记
- <a href=“URL 记号名”>文本</a>
#属性 - <a href=“mailto:Email地址”>文本</a>
图片:<img>
- src指定图片文件
- alt指定当前图片无法显示或者鼠标移动到该图片上时,在本该显示图片的位置出现文本。
- 图片做背景:<body background="图片文件名">
- 图片做超链接:<a href="url"><img src="图片文件名"></a>
列表:
- 有序列表:<ul type=""><li></li></ul>
- 无序列表:<ol type="'><li><li></ol>;1数字,A大写英文字母,a小写英文字母,I大写罗马数字,i小写罗马数字。
HTml表单:
- <form>标记:快内标记,action:指定应用程序的url,method:get(默认,数据量小,不安全)/post
- <input>标记:type:text文本,buttom按钮,checkbox复选框---checked:被选,radio单一选框---checked:被选,hidden隐藏插入空间,image图像按钮,password密码框,reset重置按钮,submit表单提交按钮,file文件上传。
- <select>--option选项--selected被选
- <textarea>多行文本区域,row行,col列