html入门笔记1

 i.HTML 是谁发明的?

Tim Berners-Lee的科学家发明的，为了方便不同大学的科学家们可以更容易地获取彼此的研究文档

ii.HTML 起手应该写什么?

！

html:5

iii.常用的表章节的标签有哪些

• 标题 h1~h6
• 章节 section
• 段落 p
• 头部 header
• 脚部 footer
• 主要内容 main
• 旁支内容 aside
• 划分 div

iv.全局属性

• class 类名
• contenteditable 可编辑 在某个标签上加上，它就可以在显示网页时进行编辑
• hidden 隐藏 可以让标签隐藏起来
• id 不到万不得已不要用id
• style 加上它可以在行内写样式
• tab index 某个标签加上它就可以使用tab键进行选择
• title 鼠标浮上去就能显示你想显示的内容

注意：

1.可以设置多个id相同，在进行选择的时候很容易出错！id还有一些命名忌讳，不能使js直接选择到！（忌讳是：在控制台打window. 出来的都不行，比如top，parent等，因为他们是window已有的全局属性）

2.tab index选择顺序按 tab index=1 2 3......按数值从小到大进行选择，0是最后被访问，-1永远访问不到

v.常用的内容标签

• ol+li 有序列表+列表中的每一项
• ul+li 无序列表+列表中的每一项
• dl+dt+dd 描述列表+描述对象+描述内容
• pre 此标签内可以保留空格、回车换行等！
• code 此标签里的内容等宽
• hr 分割线 单标签
• br 换行 单标签
• a 超链接
• em 默认样式是斜体，此标签可用来强调内容 语气强调
• strong 默认样式加粗，此标签可用来强调内容 本身强调
• quote 行内引用，此标签里的内容表示引用的内容
• blockquote 块级引用

vi.我的额外添加内容：

1.文字溢出的设置

white-space: nowrap;

text-overflow : ellipsis;

overflow :  hidden

2.清除默认样式

<style>
*{margin: 0 ; padding: 0; box-sizing: border-box;3}

* : :after, * : : before{box-sizing: border-box; }

hl,h2,h3,h4,h5 ,h6{font-weight: normal; }

a{color: inherit; text-decoration: none;}

ul， ol {list-style: none ; }
</style>
 

3.把table边线合起来

border-collapse: collapse;

border-spacing: 0;
 

---

本文为$Iron的原创文章，著作权归本人和饥人谷所有，转载务必注明来源