您的位置：首页 > Web前端 > HTML

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

2017-03-23 21:01 211 查看

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列

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航