HTML是现在世界通用的超文本标记语言,通过它,可以实现图片、链接、音乐以及程序等等多种元素。可以说,HTML已经是程序员必须掌握的一项基本功。今天我们为大家介绍HTML常用标签,以及几个使用的HTML学习网站。
HTML常用标签
HTML全称HyperText Mackeup Language,超文本标记语言。比如网页的超链接、图片、音频、视频都称为超文本。
HTML结构
<!DOCTYPE html> <!–文档声明头,它是指明了该页面使用哪个 HTML 版本进行编译。–>
<html lang=”en”><!–最外层的标签,它表示文档内容的开始.–>
<head><!–用于表示网页的中的一个基础的信息(元信息)–>
<meta charset=”UTF-8″><!–meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。–>
<title>Title</title><!–当前网页的主题。–>
</head>
<body><!–标签包含页面中所有的可见元素,网页中的文本的展示内容–>
</body>
</html>
标签 | 作用 |
<!DOCTYPE html> | 文档声明 |
<!–注释–> | 注释 |
<html></html> | 最外层的标签 |
<head></head> | 元素包含了所有的头部标签元素 |
<meta/> | 描述了一些基本的元数据。{单闭合} |
<title></title> | 标签定义了不同文档的标题。 |
<body></body> | 可见的页面内容 |
<script><script> | 定义客户端脚本 |
<h1></h1>到<h6></h6> | 标题标签,数字越小字体越大{独行} |
<p></p> | 段落标签{独行} |
<strong></strong>(已废弃) | 强调,粗体 |
<em></em>(已废弃) | 斜体 |
<i></i> | 斜体 |
<hr></hr> | 水平横线 |
<br/></br> | 分行显示 |
<img> | 图片标签 |
<a></a> | 超链接 |
<div></div> | 块标签 |
<form></form> | 表单 |
<table></table> | 表格 |
<tr></tr> | 表格中的行 |
<td></td> | 表格的单元格 |
<th></th> | 加粗的单元格 |
<thead></thead> | 表格的标签 |
<tbody></tbody> | 表格的标签 |
<tfoot></tfoot> | 表格的标签 |
<input/> | 输入框 |
<select></select> | 下拉列表 |
<option></option> | 定义下拉列表中的一个选项 |
<textarea><textarea> | 多行文本输入框 |
<abbr></abbr> | 定义首字母缩写 |
<acronym></acronym> | 定义首字母缩写 |
<label> | input元素定义标签,进行关系绑定 |
<link></link> | 文档与外部资源的关系 |
<style></style> | 内部样式表与网页的关系 |
<font></font>(已废弃) | 规定文本字体、大小和颜色 |
<u></u> | 下划线 |
<s></s>(已废弃) | 中划线 |
<b></b> | 字体加粗 |
<sup></sup> | 上标 |
<sub></sub> | 下标 |
<div></div> | 文档中的分区 |
<span></span> | 组合文档中的行内元素 |
<br>(已废弃) | 强制换行{单} |
<hr/> | 分割线 |
<center></center> | 内容居中 |
<pre></pre> | 预定义 |
<ul></ul> | 无序列表 |
<ol></ol> | 有序列表 |
<dl></dl> | 定义列表 |
<li></li> | 列表项 |
特殊符号 | 表示意思 |
| 空格 |
< | 小于号 |
> | 大于号 |
& | 符号& |
" | 双引号 |
' | 单引号 |
© | 版权© |
™ | 商标™ |
HTML学习必备网站
Blog Biz Boss – Copy & Paste HTML Cheat Sheet
来自Blog Biz Boss的HTML备忘单。以博客文章格式显示,使复制,粘贴和编辑所需的代码非常容易。 每一段代码中都有一个简短的段落,解释了它的功能,并且你还将找到一些有关如何在设计中使用它的建议。 提供了用于表,带格式的文本,段落和许多其他对象的HTML。
Bluehost – HTML & CSS Cheat Sheet (Infographic)
Bluehost在其网站上为这个方便的信息图提供了一些基本HTML和CSS编码的初学者信息。 该指南首先介绍HTML,CSS,代码段,标签和超链接的定义和基本用法。 从那里开始,图形包括可用于在网站内创建某些功能的特定代码的示例。
Calc Result – Periodic Table of HTML5 Elements
HTML5元素的此元素周期表为读者提供了当前HTML5规范中所有有效元素的美观直观布局。 根据项目可能包含的内容的类型(例如文本,流内容和措辞内容)对它们进行分组和颜色编码。 你可以将光标悬停在任何元素上,以查看包括用例和相关属性的详细描述。
该网站可以帮助Web开发人员了解各种Web技术是否与流行的台式机和移动Web浏览器兼容。 该网站上提供的所有数据均可在知识共享(Creative Commons)下免费使用,并且该数据库具有大量浏览器。 要使用该工具,您只需在主提示中键入HTML,CSS或其他Web技术的名称。
Cheatography – HTML Character Entities Cheat Sheet
HTML字符实体备忘单是由Dave Child创建的,并托管在Cheatography网站上,该网站是Web开发备忘单的流行来源。 该备忘单包含基于HTML4标准的HTML字符实体的简单列表,对于通过编码显示各种字符非常有用。你可以在网站上查看列表,也可以使用页面顶部的链接将其下载为PDF。
Cheat Sheets – HTML Cheat Sheet
该备忘单很好地总结了单个页面上的许多常见HTML编码标签。 有用于核心元素的表格,例如表单,文本标记,表格和对象。 该文件作为图像文件在cheat-sheets.org网站上共享,使你可以轻松打印或存储该文件以供以后参考。 对于任何需要快速了解基础知识的程序员来说,这都是有用的资源。
来自Digital网站的HTML备忘单是HTML5标准中包含的所有主要HTML元素的出色的自顶向下参考。 该工作表从基本HTML元素的描述开始,另外还有10个部分,涵盖了诸如内容嵌入和元数据之类的类别。 每个标签都包含一个描述,关联的属性以及一个演示其用法的编码示例。
Dive Into HTML5 – HTML5 Peeks, Pokes and Pointers
该网站创建了HTML5 Peeks,Pokes和Pointers页面,作为对HTML5编程中使用的新元素和核心元素的快速参考。 该备忘单是交互式的,你可以单击任何单个元素以显示参考页面,以及其他说明和编码示例。 还可以快速轻松地复制任何元素或文本以用于Web编程。
Freelancer – HTML Cheat Sheet: A Simple Guide to HTML
Freelancer的这篇文章包括一长串常用标签,作为使用HTML的Web开发人员,你可能会需要这些标签。 由于包含了太多标签,因此未对其进行格式化以进行打印,因此最好将其用作你可以根据需要访问的资源。 其中包括对每个元素的简短描述,以帮助你随着时间的推移扩展HTML编码词汇表而学习。
GitHub – HTML5 Security Cheatsheet
为了确保网站的安全,程序员和Web开发人员必须对最新漏洞保持清晰的了解。 此HTML5安全备忘单包含可用于漏洞测试的HTML5相关跨站点脚本(XSS)攻击媒介。 Github上的此参考页会定期更新,并且还有许多其他资源的链接。
对HTML课程有疑问,想寻求进一步学术帮助?欢迎联系StudyGate,各类理工商科写作答疑解惑,为你的留学之路倾情助力!
Step 1:提交作业要求
三分钟即可完成下单,下单时可以选择作业需要的时间和具体要求。
Step 2:选择专业导师
作业提交成功之后,导师审核要求,确认之后会联系报价,可自由选择专业学科相关导师,并且确认作业最终价格。
Step 3:完成订单, 准时交付
导师开始处理订单。在此期间有任何问题,都可以登录账号和导师随时沟通。作业完成后,系统自动发送至你的邮箱,所有信息安全保密。你也可以登录账号直接下载。
Step 4:收到答案14天之内确认,100%满意保证
收到作业之后14天之内,如果对作业有任何问题,都可以联系导师进行修改。100%满意保证,只有你选择满意答案之后,我们才会扣款,安全有保障。
Step 5:对导师提出评价
我们拥有严格的导师考核评价机制,服务好不好,全由你说了算!你的认同是我们前进的动力。
我们的服务范围包括但不限于:
C,C#,C++
Computer Science
Data structure/Machine Learning
Dreamweaver
HTML 代写
Java/JavaScript/JQuery
Linux/Windows/Mac socket Algorithm
Macintosh
Mathematica (programming)
R语言
Networking (computer)
Oracle
Pascal/Perl/PHP/Python
Revit/Rust/Ruby
SAS/Sketchup/Solidworks/SQL/STATA/Swift/SPSS
UNIX
Visual Basic
Web Design/Operating System
StudyGate专业理工科作业辅导,最靠谱的HTML作业辅导!
有任何问题,欢迎随时咨询网页客服!