前端|青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第1天

本节课程介绍了前端是什么、要解决的问题和技术栈，HTML 的概念、语义化和常用的 HTML 标签。 第一节课比较简单

详细知识点介绍：

1. 前端：使用web技术栈，解决人机交互问题

2. web基础技术栈：html（内容），css（样式），js（行为），协议

3. DOM树：浏览器收到代码后，将代码转化为DOM树

4. 列表常用标签

   

   • ol有序列表，列表项用li表示
   • ul无序列表，列表项用li表示
   • 键值对列表：属性名用dt表示，属性值用dd表示

5. 多媒体常用标签

   • 链接a：链接地址用href表示，target="_blank"可以设置链接在新窗口打开
   • 图片img：src表示图片的地址，alt="xxx"当图片加载失败时显示文字xxx
   • 音频audio：src表示音频地址，controls显示播放默认控件
   • 视频video：src表示视频地址，controls显示播放默认控件

6. 输入常用标签

   • 输入input:type指出输入的类型
   • 输入多行可以使用textarea
   • checkbox能选多个，，radio只能在name相同的里面选一个
   • 下拉列表选择select
   • 辅助用户搜索
     

7. 文本标签

   • 引用有三种：p，cite，blockquote
   • 代码code
   • 强调：strong，em

代码例子：

• ！doctype：指出渲染模式，不指出浏览器默认以老旧模式渲染
• html是跟标签，所有标签放在html里面
• head放不需要给用户呈现的东西
• body放给用户看的东西

引用参考：

“html传达的是内容，不是样式”