《HMLL入门笔记1》
内容介绍
1.1 HML是谁发明的
诞生于李爵士的一篇文章 HTMLTags
1.2 HTML起手式
Emmet感叹号
Doctype html
lang="en" (一般改为zh-CN)
UTF-8(文件的字符编码)
name="viewport" content="width=device-width, initial-scale=1.0"(禁用缩放,兼容手机)>
title(标题)
1.3 章节标签
标题(h1~h6)
章节 section
文章 article
段落 p
头部 header
脚部 footer 举例:©xxx所有
主要内容 main
旁支内容 aside
划分 div
1.4全局属性
class (给这个标签分类)用class找标签非常不方便"[]{}" 有简写方式.middle(含有middle就算)
contenteditable 可编辑的 (任何一个元素可以被编辑)
hidden (让一个东西看不见)
id id="xxxx" (不到万不得已不要用id id这个东西不报错 css相关)
id="xxx" =#xxx ,id=window.中的所有属性命名都不可以,都无法通过id找到。
style (可为每一个元素写一个style属性,优先级比较:属性会比css高,JS会比属性高,JS优先级最高)
tadindex (页面交互)特殊值“0” “通过Tab 0是最后一个被访问” “-1”意思是Tab永远找不到。
title (显示省略完整内容)
单行文字溢出如何写?
开发者工具: white-space:nowrap(不换行))
(省略地方显示:text-overflow:ellipsis)
(溢出就省略:over-flow:hidden)(添加到style中)
1.5内容标签
ol+li (有顺序的列表)
ul+li(没有顺序的列表)
dl+dt+dd(dl(description list)描述的是一个列表,dt描述的是谁,dd表示描述的内容)
pre 想要保留空格 回车 Tab 用pre包起来
* HTML 默认多个空格回车只显示一个!
code (等宽) hr (分割线) a(超链接)target=“__blank”(新窗口打开)br(换行)
strong 重要(本身)em(强调 语气)
quote 引用(内联)不换行 bockquote 块级引用 换行