HTML入门笔记1

1990年支上,人类不上网,李爵士让每个人输入网址就能看到网页

.com泡沫  看到有.com的就投资

不允许非技术人员指导技术面层

正确的学习方法

-把所有标签用嘴巴读一遍,了解其内容

-全部忘掉,只记住div和span

-开始学习css

-找一个页面,仿写

-发现有更合适的标签,就改用更合适的

-继续写页面

带着问题看代码

遇到问题在哪解决

老师在哪里查资料

有哪些代码是我没想到的?

为什么用这个标签?

为什么用这个选择器?

这个工具我没用过

****记下来,以后我就会用了*****

CRM学习法

Copy - 抄

Run - 运行

Modify - 修改 加上自己的想法 重新运行

这个方法有一个问题  -- 总觉得自己学的不系统

HTML

语法学他变态的地方

不写自闭和的杠 /

如何知道HTML是否正确

-看VScode的颜色 //基本上查不出来

-看WebStorm    -  //这个软件特别好用

须满足条件:

-能容忍开项目要十秒以上

-内存4G以上

-是否有SSD硬盘 固态

-使用HTML5验证器 (在线/npm工具)

英语小课堂

-paragraph 段落      判若个ruai父

-section 章、节

-article  一篇文章

-main 主要

-aside 旁边

-anchor 锚点 定点 安可儿

-emphasis 强调 中毒  俺服思思

-order  顺序、秩序

-ordered 有顺序的

-unordered 无顺序的

-description 描述

-term 术语  疼

-quote 引用

-break  打断

提问

代码BUG问题三要素

-代码链接

得到方式:js.jirengu.com  -Share 要给老师看什么,勾选,复制链接

codesanbox

-期望效果

-实际效果

非代码问题三要素

-原始需求

-你的思路

-你遇到的问题

避免X-Y问题

-需求是X

-你想了一个Y

-然后你问Y遇到的问题

-正解:直接问X怎么做

向方方(别人)提问前自检

-你是否通过用Border调试法和Console.log调试发

-你是否把标点写错了、空格

-你是否把单词拼错了

-你是否把代码上传到GitHub或者Codesandbox了

-你的截图是否是全屏的

-你的问题是否能很容易Google到

-你是否能一句话说请你遇到的问题


起手式


UTF-8要在head里面先声明

引入js文件和css文件要注意先后,因为有JQuery这种要注意顺序的

contenteditable标签   

表示用户看到的时候可以编辑!

可以让style添加在body中,而非head,这时候给style里面加个style{display :block};

这个时候style的代码就显示在页面中了,这时候配合contenteditable

hidden标签

-表示隐藏

id

不到万不得已 千万别用

因为id容易忘,用class就好了

tabindex

用来控制tab的顺序,有的人正好赶上没鼠标,只能这样用tab来切换网页中的东西

默认样式

就是h1这些有默认的样式,一般上来就会给清空

内容标签

pre

包起来,里面的空格啥的都一样显示

quote

我是hahahah

出来的效果就是“我是hahahah” 几乎就是没变化,就是内联

blockquote

这个我是

hahahah

变成了:

我是

      hahahah

这种另起一行空俩地方的

tabindex

tabindex 可以是正数,不必是连续的

tabindex 可以是 0,表示最后才被 tab 访问

tabindex 可以是 -1,表示不可被 tab 访问

em 标签和 strong 标签有什么区别?

em 表示语气上的强调

strong 表示内容本身的重要性


//在md的里面记的笔记,复制上来格式就全变了,还要重改

你可能感兴趣的:(HTML入门笔记1)