HTML起手式("感叹号"生成的是什么?)
万维网全家桶众所周知是蒂姆”·伯纳·李爵士(Tim Berners-Lee)发明的,今天让我康康其中的一员可爱的天线宝宝语言HTML:
我们写HTML一般会先使用!+tab自动生成一段HTML再开始写,像下面这样
那么这段代码到底是什么意思呢我们一行一行了解一下(一下的数字均代表行数)
1.文档类型,告诉浏览器这里写的是HTML(什么标记语言)
2.html根标签,不写会自动添加,可以添加自然语言属性(什么自然语言)
html的两个子元素
3.9.head和body,它们一般不缩进,因为这个结构一般是固定的不会修改
我们先来看head里面的
head里面一般写看不见的元素
4.字符编码,最好一直写utf-8因为它支持全人类语言(什么编码)
5.禁用缩放,兼容手机(视图缩放)
6.告诉IE使用最新内核(什么内核)
7.标题
我们一般只会改2和7
2.```<html lang="zh-CN">```
7.```<title>你喜欢的名字</title>```
HTML常用标签
如果可以我想一div到底
如果投票的话div应该当之无愧是第一吧,不过光有div不太行
我们还需要一些章节标签来表示层级比如:
| 标签 | 啥意思 |
| ---- | ---- |
| h1~h6 | 不同层级的标题|
| aside | 侧边栏 |
| section| 章节 |
| section| 章节 |
| header| 头部 |
| footer| 脚部 |
| main| 主要内容 |
HTML常用内容标签
| 标签 | 啥意思 |
| ---- | ---- |
| ol | 有序列表(ordered list)|
| ul | 无序列表(unordered list)|
| li | 列表项(list item) |
| dl | 描述列表|
| dt | 描述对象 |
| dd | 描述内容 |
| pre | 保留格式 |
| code | 等宽格式 |
| b | 加粗 |
| em | 强调(倾斜) |
| hr | 分割线 |
| quote | 内联引用 |
| blockquote | 块级引用 |
| br | 换行 |
全局属性
有了标签是时候给它们添加一些属性了,每个标签都有自己的属性,但是有一类属性它很厉害谁都能用它,下面是mdn对全局属性的解释
全局属性是所有HTML元素共有的属性; 它们可以用于所有元素,即使属性可能对某些元素不起作用。
我们可以在所有的HTML元素上指定全局属性,甚至是在标准里没有指定的元素。这意味着任何非标准元素仍必须能够应用这些属性,即使使用这些元素意味着文档不再是html5兼容的。例如,虽然<foo>不是一个有效的HTML元素,但是html5兼容的浏览器隐藏了标记为<foo hidden>...<foo>的内容。
常用的全局属性有hidden,class,id,contenteditable,style,tabindex,title等,具体可以去mdn瞅瞅唷(^U^)ノ~YO