HTML入门笔记1
程序员文章站
2024-01-26 12:05:04
...
从头开始，从新再来，以下仅是记录自己重新学习HTML的过程
HTML的发明
HTML是超文本标记语言。于1990年左右，被Tim Berners-Lee发明出来，2004年被英国女皇颁发了大英帝国爵级司令勋章而被称为李爵士，更是在2017年获得了图灵奖。
李爵士的成就不仅于此 ，还自己编写了世界上第一个浏览器与服务器，同时还利用自己写的浏览器访问了自己写的服务器，就此发明了WWW，包含了HTML、HTTP、URL的发明。
HTML的起手式
使用tab+!可以快捷键出来
<!-- 文档类型，表示告诉html,我开始写html了 -->
<!DOCTYPE html>
<!-- html标签，可以把lang改成zh-CN -->
<html lang="zh-CN">
<head>
<!-- 文件的字符编码是utf-8 -->
<meta charset="UTF-8" />
<!-- 视口，防止页面缩放，兼容手机 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 告诉IE使用最新内核 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>我的网页</title>
</head>
<body></body>
</html>
常用的表章节标签
- h1~h6：为全文写入6级标题。
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
-
<section>：表示一段章节。 -
<artical>：表示一段文章。 -
<p>：可以加入到每一段代码的开头与结尾，有很好的分层次作用。 -
<header>：放在顶部，作为页面顶部的页眉。 -
<footer>：放在底部，作为页面的页脚。 -
<main>：包括程序中主要内容的标签。 -
<aside>：除主要内容外的旁支所用到的标签。 -
<div>：起到划分作用。
全局属性
-
class：用于分类标签，简写.xxx -
contenteditable：可使网页中所标注的元素有可被编辑的功能。 -
hidden：用于隐藏不想被显示的内容。 -
id：用法类似class，但有局限性，推荐使用class。 -
style：为元素赋予属性。 -
tabindex：使得元素可被tab键选中，能够用数字来控制tab键选中的顺序。正表示顺序方向，0表示最后访问，-1表示不要访问我 -
title：提示出光标所在处显示的内容。
常见的内容标签
-
ol+li：表示有序的列表。 -
ul+li：表示无序的列表。 -
dl+dt+dd：描述列表。快捷键dl+然后tab,dl是列表，dt是被描述的对象，dd是描述的内容 -
pre：用于保留代码中需要的空格与回车。 -
hr：用于做水平分割线。 -
br：用于换行。 -
a：用于超链接，进行页面跳转 -
em：强调内容（表示语气上的强调）。 -
strong：突出内容重要性，表示内容本身的重要性 -
quote：内联的引用 -
blockquote：块引用（具有换行的效果）。 -
code：用与变更字体格式。
上一篇： 花呗怎么查看额度？支付宝花呗额度查询方法
下一篇： 问度娘的技术型新人