1. HTML 是谁发明的
HTML是由Tim Berners-Lee(李爵士)发明,HTML全称Hyper Text Markup Language,即超文本标记语言。
2. HTML 起手式应该写什么
输入!按tab键快速生成
<!DOCTYPE html>
<!--声明文档类型为html-->
<html lang="en">
<!--language语言,en为英文,zh-CN为简体中文-->
<head>
<meta charset="UTF-8">
<!-- 文件字符编码为UTF-8 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 移动端适配,兼容手机 -->
<title>Document</title>
<!-- Document为网页标题 -->
</head>
<body>
<!-- 网页主要内容 -->
</body>
</html>
head
标签元素是所有头部元素的容器。<head>
标签元素必须包含文档的标题标签<title>
,可以包含脚本、样式、<meta>
信息以及其他更多的信息。其中:
meta
标签中 content 属性值 :
width: 可视区域的宽度,值可为数字或关键词device-width
height: 同width
ntial-scale: 页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显 示,无任何缩放
body
标签内主要包含网页内容。
3. 常用的HTML章节标签
-
h1~h6: 标题标签,h1级别最高,字体也最大,依次递减。
-
section: 章节标签,
<section>
标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。 -
article: 文章标签,
<article>
标签定义独立的内容。<article>
标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。 -
header: 头部标签,标签定义文档或者文档的一部分区域的页眉, 元素应该作为介绍内容或者导航链接栏的容器。
-
footer: 底部标签,
<footer>
标签定义文档或者文档的一部分区域的页脚,元素应该包含它所包含的元素的信息。在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。 -
aside: 旁支标签,定义
<article>
标签外的内容。<aside>
的内容应该与附近的内容相关。
4. 全局属性
-
class: 规定元素的类名(classname)
-
id: 规定元素的唯一 id,最好不要用,因为id不唯一时也不会报错,不便于查找bug
-
style: 规定元素的行内样式(inline style)
-
hidden: hidden 属性规定对元素进行隐藏
-
contenteditable: 规定是否可编辑元素的内容
<p contenteditable="true">这是一个段落。是可编辑的。尝试修改文本。</p>
-
tabindex: 设置元素的 Tab 键控制次序
tabindex = 1,最先被访问
tabindex = -1,不可以被访问
tabindex = 0,最后被访问
5. 常见的内容标签
-
a:
<a>
标签定义超链接,用于从一个页面链接到另一个页面。
<a>
元素最重要的属性是 href 属性,它指定链接的目标。 -
strong: 加粗文本,强调 内容,默认加粗
-
em: 强调 语气,默认斜体
-
code: 定义计算机代码文本
-
pre: 可定义预格式化的文本
网友评论