html tab标签_HTML入门笔记1

最新推荐文章于 2024-12-27 09:00:00 发布

weixin_39805087

最新推荐文章于 2024-12-27 09:00:00 发布

阅读量173

点赞数

HTML是谁发明的

1990年，由一名叫Tim Berners-Lee的英国爵士发明的。他发明HTML的目的，是为了方便不同大学的科学家们可以更容易地获取彼此的研究文档

HTML起手式

所有内功心法都有一个起手式，html也不例外在编辑器中一般使用！+tab就可以呼出起手式了

<!DOCTYPE html>
<html lang="zh-CN">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>页面标题</title>
</html>

DOCTYPE 直接翻译就好：文档类型有html5,html4，xml等

charset 字符编码

meta 一些标题，里面的属性content="width=device-width, initial-scale=1.0"用于设置兼容手机，意思是宽度为设备宽度，缩放比例1

content="IE=edge" 设置ie使用最新的内核，处理ie版本的兼容

常用的标签

这里都是块级元素

h1~h6：标题。
section：章节。
article：文章。
main：主要内容。
aside：旁支内容，一般用来写导航。
div：划分不同的内容。
p：段落。
header：头部，放广告等。
footer：尾部，版权声明等。

全局属性

所有标签都有的属性

class：给标签设置类别。
contenteditable：内容在网页中可以编辑。
hidden：隐藏标签。
id：唯一的id。
style：内联样式。
tabindex：tab的访问顺序，正的按序访问，0表示最后，-1表示访问不到
title：用于显示省略部分的内容。
draggable：元素是否可拖动

常用的内容标签

这里ul,li,ol,dl,dt,dd,pre,blockquote,q是块级元素。 a,em,strong是行内元素
同时了解到html特点：连续的空格和回车会被缩成一个而pre标签里面的内容空格和回车不会被缩成一个。
a中包含的属性 href中包含了链接的地址，一般使用#或者javascript:;来禁止a的默认跳转行为,target='_blank'来设置跳转到新的页面而不是在旧的页面上跳转。
同时根据自己的经验，如果要给hr标签设置样式设置height的话会变成一个空心的横线，如果想要自定义hr的厚度，设置它的border