写代码啦
HTML入门笔记1
回复数(0) 浏览数(7)
{{topic.upvote_count || 0}} 编辑 回复

今天是在饥人谷学习的第11天,时间真快,我有点紧张,我只有三个月的时间,但今天已经是第一个月的第二个三分之一了
可怕吗?你还睡得着吗?
在我的第一篇文章中我已经说过了,自学了将近6个月的前端,HTML,CSS,JS这些其实自己之前都有学过
今天正好按照饥人谷的系统课又学到这了,算是做了个复习,学起来也轻松一些,下面记录一下吧

自己学习的过程中我们很少有人喜欢关注HTML的历史或者发展史,更别说某种计算机语言的鼻祖了,在这顺便问一下大家,你知道是谁发明了HTML吗?

谁是HTML的鼻祖

答案是Tim-Berners-Lee,这位老爷爷在1990年就发明了HTML,也因此在1996年(好像是记得不清楚了)被英国授予爵士,所以方方老师总是亲切是称我们前端鼻祖为李爵士,哈哈哈
在这不得不提一下带领中国互联网发展的一个重要人物——马云,马云是一个很有头脑的人,不仅在他后来1995年去美国后回来创业创办了阿里巴巴这件事上,在此之前大家斗志到马云是一位翻译官,他三次高考最终考入杭州师范大学,毕业后没有去工作,创办了翻译社,虽然那时候挣钱不多需要靠倒腾小商品养活翻译社,但是这种创业精神,是之处就有的。也正是因为马云创办了阿里巴巴,淘宝,支付宝,让中国进入非现金时代。

HTML起手式是什么

你知道什么是起手式吗?之前我不清楚这个名词,直到现在我都怀疑这个名词是老师自己创造的,如果你们之前有听说过,请告诉我(让我直到下自己的无知,555)

<!DOCTYPE html>
<html lang = "zh-CN">zh-CN表示中文,en、表示英语
<meta charset = "UTF-8"/> UTF-8表示文件的字符编码
<title>标题</title>
<head>
</head>
<body>
</body>
</html>

下面介绍几个html标签给大家

HTML标签

  • header 头部
  • div 块元素
  • main 主要内容
  • h1~h6 几号标题
  • section 章节
  • p 段落
  • aside 旁支内容
    ### 全局属性
  • class
  • contenteditable(这个属性个人第一次了解,很神奇)
  • hidden
  • id(表示全局唯一的属性)
  • style (关于style的优先级:js>行内元素>css)把style放在body中并设置display:block,则可以看见style中的内容
  • tabindex 控制tab的运动轨迹(tabindex=1 2 3···,0表示最后一个tab,-1表示tab不会达到)

在这强调一点关于id的性质,id不能设置为关键字
如果必须设置为关键字 js必须用
document.elementById(“top”)
如果id不是设置为关键字 js可以用
xxx.style.border=“1px solid red”

单行文字溢出,该如何写呢?

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天
【以上内容版权归本人和饥人谷所有】

{{topic.upvote_count || 0}}

今天是在饥人谷学习的第11天,时间真快,我有点紧张,我只有三个月的时间,但今天已经是第一个月的第二个三分之一了
可怕吗?你还睡得着吗?
在我的第一篇文章中我已经说过了,自学了将近6个月的前端,HTML,CSS,JS这些其实自己之前都有学过
今天正好按照饥人谷的系统课又学到这了,算是做了个复习,学起来也轻松一些,下面记录一下吧

自己学习的过程中我们很少有人喜欢关注HTML的历史或者发展史,更别说某种计算机语言的鼻祖了,在这顺便问一下大家,你知道是谁发明了HTML吗?

谁是HTML的鼻祖

答案是Tim-Berners-Lee,这位老爷爷在1990年就发明了HTML,也因此在1996年(好像是记得不清楚了)被英国授予爵士,所以方方老师总是亲切是称我们前端鼻祖为李爵士,哈哈哈
在这不得不提一下带领中国互联网发展的一个重要人物——马云,马云是一个很有头脑的人,不仅在他后来1995年去美国后回来创业创办了阿里巴巴这件事上,在此之前大家斗志到马云是一位翻译官,他三次高考最终考入杭州师范大学,毕业后没有去工作,创办了翻译社,虽然那时候挣钱不多需要靠倒腾小商品养活翻译社,但是这种创业精神,是之处就有的。也正是因为马云创办了阿里巴巴,淘宝,支付宝,让中国进入非现金时代。

HTML起手式是什么

你知道什么是起手式吗?之前我不清楚这个名词,直到现在我都怀疑这个名词是老师自己创造的,如果你们之前有听说过,请告诉我(让我直到下自己的无知,555)

<!DOCTYPE html>
<html lang = "zh-CN">zh-CN表示中文,en、表示英语
<meta charset = "UTF-8"/> UTF-8表示文件的字符编码
<title>标题</title>
<head>
</head>
<body>
</body>
</html>

下面介绍几个html标签给大家

HTML标签

  • header 头部
  • div 块元素
  • main 主要内容
  • h1~h6 几号标题
  • section 章节
  • p 段落
  • aside 旁支内容
    ### 全局属性
  • class
  • contenteditable(这个属性个人第一次了解,很神奇)
  • hidden
  • id(表示全局唯一的属性)
  • style (关于style的优先级:js>行内元素>css)把style放在body中并设置display:block,则可以看见style中的内容
  • tabindex 控制tab的运动轨迹(tabindex=1 2 3···,0表示最后一个tab,-1表示tab不会达到)

在这强调一点关于id的性质,id不能设置为关键字
如果必须设置为关键字 js必须用
document.elementById(“top”)
如果id不是设置为关键字 js可以用
xxx.style.border=“1px solid red”

单行文字溢出,该如何写呢?

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天
【以上内容版权归本人和饥人谷所有】

7
回复 编辑