基础总结知识点-第三章:HTML语言

来源:互联网 发布:手机airplay找不到mac 编辑:程序博客网 时间:2024/06/05 18:08

HTML文档的基本结构与语法:

  1. HTML(超文本标记语言):文件头部部分和文件体部分。有<head><html><body>标记。
    标记:Html基本语法。用<>把标记包围,大部分成对,包括开始标记和结束标记。


HTML标记及其属性:

  1. 格式:<标记>受标记影响内容</标记>。
    空标记:不包含具体内容。
    HTML元素:行内元素:基于语义基本元素,收纳文本和其他行内元素:<a><em><font><input/>
                       块元素:新行开始,收纳其他元素和行内元素:<div><h1><p><table>

  2. 属性:以名称/值形式出现:核心属性,i18n属性,事件属性
            大小写都可以,最后小写。

段落标记:
  1. 注释标记:<!--注释内容-->
  2. 强制换行<br>
  3. 段落标记<p>
  4. 水平线标记<hr>
  5. <div>标记:区块容器标志,块元素,自动换行。(div可包含span)
  6. <span>标记:容纳各种HTML元素,形成独立对象。不会换行,没有结构意义,纯粹应用样式。

文字标记:
  1. 标题文字标记:<h1-h6>标题文字</h1-h6>align对齐方式,默认左对齐。
  2. 字体标记:<font size="大小"  face="字体"  color="颜色"></font>
  3. 字形标记:b粗体,i斜体,u下划线,strike删除线,sub下标,sup上标,strong强调,big大字体,small小字体

表格标记:<table>
  1. <border>边框,
  2. <tr>行,align=left/right/center
  3. <th>单元格标题<td>单元格值,valign=top/bottom
  4. cellpadding指定表格单元格的内容和单元格边框的间距。
  5. colspan列rowspan行
  6. 属性:bgcolor背景颜色,background背景图片,bordercolor边框颜色

超链接标记
  1. <a href=“URL 记号名”>文本</a>
    #属性
  2. <a href=“mailto:Email地址”>文本</a>

图片:<img>
  1. src指定图片文件
  2. alt指定当前图片无法显示或者鼠标移动到该图片上时,在本该显示图片的位置出现文本。
  3. 图片做背景:<body background="图片文件名">
  4. 图片做超链接:<a href="url"><img src="图片文件名"></a>

列表:
  1. 有序列表:<ul type=""><li></li></ul>
  2. 无序列表:<ol type="'><li><li></ol>;1数字,A大写英文字母,a小写英文字母,I大写罗马数字,i小写罗马数字。

HTml表单:
  1. <form>标记:快内标记,action:指定应用程序的url,method:get(默认,数据量小,不安全)/post
  2. <input>标记:type:text文本,buttom按钮,checkbox复选框---checked:被选,radio单一选框---checked:被选,hidden隐藏插入空间,image图像按钮,password密码框,reset重置按钮,submit表单提交按钮,file文件上传。
  3. <select>--option选项--selected被选
  4. <textarea>多行文本区域,row行,col列


0 0
原创粉丝点击