标题

今天是在饥人谷学习的第11天，时间真快，我有点紧张，我只有三个月的时间，但今天已经是第一个月的第二个三分之一了可怕吗？你还睡得着吗？在我的第一篇文章中我已经说过了，自学了将近6个月的前端，HTML，CSS，JS这些其实自己之前都有学过今天正好按照饥人谷的系统课又学到这了，算是做了个复习，学起来也轻松一些，下面记录一下吧自己学习的过程中我们很少有人喜欢关注HTML的历史或者发展史，更别说某种计算机语言的鼻祖了，在这顺便问一下大家，你知道是谁发明了HTML吗？ ## 谁是HTML的鼻祖答案是Tim-Berners-Lee,这位老爷爷在1990年就发明了HTML，也因此在1996年（好像是记得不清楚了）被英国授予爵士，所以方方老师总是亲切是称我们前端鼻祖为李爵士，哈哈哈在这不得不提一下带领中国互联网发展的一个重要人物——马云，马云是一个很有头脑的人，不仅在他后来1995年去美国后回来创业创办了阿里巴巴这件事上，在此之前大家斗志到马云是一位翻译官，他三次高考最终考入杭州师范大学，毕业后没有去工作，创办了翻译社，虽然那时候挣钱不多需要靠倒腾小商品养活翻译社，但是这种创业精神，是之处就有的。也正是因为马云创办了阿里巴巴，淘宝，支付宝，让中国进入非现金时代。 ## HTML起手式是什么你知道什么是起手式吗？之前我不清楚这个名词，直到现在我都怀疑这个名词是老师自己创造的，如果你们之前有听说过，请告诉我（让我直到下自己的无知，555） ``` zh-CN表示中文，en、表示英语 UTF-8表示文件的字符编码标题 ``` 下面介绍几个html标签给大家 ### HTML标签 * header 头部 * div 块元素 * main 主要内容 * h1~h6 几号标题 * section 章节 * p 段落 * aside 旁支内容 ### 全局属性 1. class 2. contenteditable（这个属性个人第一次了解，很神奇） 3. hidden 4. id（表示全局唯一的属性） 5. style （关于style的优先级:js>行内元素>css）把style放在body中并设置display：block，则可以看见style中的内容 6. tabindex 控制tab的运动轨迹（tabindex=1 2 3···，0表示最后一个tab，-1表示tab不会达到）在这强调一点关于id的性质，id不能设置为关键字如果必须设置为关键字 js必须用 document.elementById（“top”）如果id不是设置为关键字 js可以用 xxx.style.border=“1px solid red” ### 单行文字溢出，该如何写呢？ ```CSS style{ white-space:nowrap;换行 text-overflow:ellipsis; overflow:hidden; } ``` ### 如何用css reset HTML的默认样式 ``` *{ padding:0; margin:0; } *::after,*::before{ box-sizing:border-box; } a{ text-decoration:none;/*取出下划线*/ } h1,h2,h3,h4,h5,h6{ font-weight:normal; } ul,ol{ list-style:none;/*取出ul前面的点*/ } table{/*取出table原始的两个表格之间的间隔*/ border-collapse:collapse; border-spacing:0; } ``` ### 内容标签 ol +li：有序列表 ul+li：无序列表 dl+dt+dd：解释列表 pre：在页面显示空格/tab/回车 code：表示代码 hr：分割线 br：换行 a：链接 em：斜体强调 strong：加粗 quote：内联引用 blockquote：块引用今天内容就到这，继续学习 2020.06.12 在饥人谷学习的第11天【以上内容版权归本人和饥人谷所有】

HTML入门笔记1