《HTML入门笔记1》

177 阅读2分钟
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" =#xxxid=window.中的所有属性命名都不可以,都无法通过id找到。              
   style (可为每一个元素写一个style属性,优先级比较:属性会比css高,JS会比属性高,JS优先级最高) 
   tadindex (页面交互)特殊值“0” “通过Tab 0是最后一个被访问” “-1”意思是Tab永远找不到。 
   title (显示省略完整内容)
   单行文字溢出如何写?
   开发者工具: white-space:nowrap(不换行))
  (省略地方显示:text-overflowellipsis)
  (溢出就省略:over-flowhidden)(添加到style中)      
           
            

    1.5内容标签
  
        
      ol+li (有顺序的列表)
      ul+li(没有顺序的列表)
      dl+dt+dddl(description list)描述的是一个列表,dt描述的是谁,dd表示描述的内容)
      pre 想要保留空格 回车 Tab 用pre包起来
      * HTML 默认多个空格回车只显示一个!
      code (等宽) hr (分割线) a(超链接)target=“__blank”(新窗口打开)br(换行) 
      strong 重要(本身)em(强调 语气) 
      quote 引用(内联)不换行 bockquote 块级引用 换行