HTML
2020-07-19 09:20
120 查看
-
HTML5
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
-
W3C
万维网联盟(World Wide Web Consortium),负责制定和维护 web 行业标准,各个浏览器厂商需要按照 W3C 的标准渲染 HTML 页面。
W3C 标准包括:结构化标准语言(HTML、XML);表现标准语言(CSS);行为标准(DOM、ECMAScript)。
W3C 提倡的 web 结构:内容和样式分离;HTML 内容结构要求语义化。
-
速查列表
基本文档
<!DOCTYPE html> <html> <head> <title>文档标题</title> </head> <body> 可见文本... </body> </html>
基本标签
<h1>最大的标题</h1> <h2> . . . </h2> <h3> . . . </h3> <h4> . . . </h4> <h5> . . . </h5> <h6>最小的标题</h6> <p>这是一个段落。</p> <br> (换行) <hr> (水平线) <!-- 这是注释 -->
文本格式化
<b>粗体文本</b> <code>计算机代码</code> <em>强调文本</em> <i>斜体文本</i> <kbd>键盘输入</kbd> <pre>预格式化文本</pre> <small>更小的文本</small> <strong>重要的文本</strong> <abbr> (缩写) <address> (联系信息) <bdo> (文字方向) <blockquote> (从另一个源引用的部分) <cite> (工作的名称) <del> (删除的文本) <ins> (插入的文本) <sub> (下标文本) <sup> (上标文本)
链接
普通的链接:<a href="http://www.example.com/">链接文本</a> 图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a> 邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a> 书签: <a id="tips">提示部分</a> <a href="#tips">跳到提示部分</a>
图片
<img src="URL" alt="替换文本" height="42" width="42">
样式/区块
<style type="text/css"> h1 {color:red;} p {color:blue;} </style> <div>文档中的块级元素</div> <span>文档中的内联元素</span>
无序列表
<ul> <li>项目</li> <li>项目</li> </ul>
有序列表
<ol> <li>第一项</li> <li>第二项</li> </ol>
定义列表
<dl> <dt>项目 1</dt> <dd>描述项目 1</dd> <dt>项目 2</dt> <dd>描述项目 2</dd> </dl>
表格
<table border="1"> <tr> <th>表格标题</th> <th>表格标题</th> </tr> <tr> <td>表格数据</td> <td>表格数据</td> </tr> </table>
框架
<iframe src="demo_iframe.htm"></iframe>
表单
<form action="demo_form.php" method="post/get"> <input type="text" name="email" size="40" maxlength="50"> <input type="password"> <input type="checkbox" checked="checked"> <input type="radio" checked="checked"> <input type="submit" value="Send"> <input type="reset"> <input type="hidden"> <select> <option>苹果</option> <option selected="selected">香蕉</option> <option>樱桃</option> </select> <textarea name="comment" rows="60" cols="20"></textarea> </form>
媒体
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">您的浏览器不支持Video标签。 </video> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg">您的浏览器不支持 audio 元素。 </audio>
页面结构
header 定义了文档的头部区域 footer 定义 section 或 document 的页脚。 section 定义文档中的节(section、区段)。 article 定义页面独立的内容区域。 aside 定义页面的侧边栏内容。 nav 定义导航链接的部分。
实体
< 等同于 < > 等同于 > © 等同于 ©
-
总结
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。
HTML 的关键是标签,其作用是指示将出现的内容。
相关文章推荐
- html 的 ContentType
- Sams Teach Yourself HTML in 10 Minutes (4th Edition)
- jsp中从数据库得数据的显示格式控制和html超链接传值写法
- 让Editplus自动格式化js、css、html。。。
- [HTML]Meta标签详解
- HTML网页设计每日笔记(给初学者的一份礼物) (自己做的一个邮箱界面)
- 自己动手写搜索引擎(常搜吧历程七#解析文档之HTML#)(Java、Lucene、hadoop)
- 【转】必须避免的html标签十宗罪
- HTML 语法大全
- Python使用SMTP发送邮件[HTML格式、送带附件]
- 网页性能之Html Css Javascript
- ios状态栏(转自http://www.molotang.com/articles/1609.html)
- HTML制作练习
- file按钮美化成图片(纯HTML+CSS)
- Google HTML/CSS Style Guide
- HTML 编辑器
- [整理]PHP/HTML混写的四种方式
- 怎么通过 JavaScript 把HTML里的css样式改变。
- html-1
- 第二章、在HTML中使用JavaScript