HTML入门笔记1

97 阅读1分钟

主题列表:html笔记、html基础知识巩固

贡献主题:github.com/xitu/juejin…

1.蒂姆·伯纳斯-李(人称李爵士)的发明:WWW(World Wide Web)=URL+HTTP(你看不见的东西都由它搞定)+HTML

2.HTML起手式:(声明该文档遵循W3C标准)

3.全局属性:

  • class
  • contenteditable(内容可编辑的)
<div contenteditable><p>真是妙蛙种子吃妙脆角,妙到家了</p></div>
  • hidden
  • id
  • style(优先级高于css里定义的样式)
<h1 style="color:blue; text-align:center">This is a header</h1>
<p style="color:red">This is a paragraph.</p>
  • tabindex(用来控制tab的顺序,值:-1,0,1,2)
  • title

4.直接在页面上编辑css

 <style contenteditable="">
    style{display: block; border: 1px solid red;}
    .aaa{
color: blueviolet;
    }
    </style>
    <div class="aaa"><p>真是妙蛙种子吃妙脆角,妙到家了</p></div>

5.常用内容标签

  • pre:使用此标签可保留空格,回车,tab
  • code:里面写代码等宽展示
  • quote:行级引用
  • ol:ordered list(有序列表)
  • ul:unordered list(无序列表)
  • li:list item(列表中的一项)
  • dl:描述列表
  • dt:被描述对象
  • dd:描述内容

6.单行不溢出省略

/* 不换行 */
white-space: nowrap;
/* 省略号表示 */
text-overflow: ellipsis;
/* 剩下内容藏起来 */
overflow: hidden;