前端与HTML|青训营笔记

107 阅读1分钟

这是我参加「第四届青训营 」笔记创作活动的第1天 第一节 前端与html (1)HTML认知——网页组成和本质 认识网页 链接 视频音频 超链接 图片 标题 表格 浏览器渲染(IE、火狐、谷歌、苹果、欧朋)必备谷歌Chrome web标准:行为JavaScript(行为、页面交互) 表现CSS(样式:颜色、大小) 结构HTML(页面元素和内容) (2)HTML感知 HTML :超文本标记语言 HTML——VSCode(编辑器)文件拖进编辑器新建一个项目!再加tab生成代码 还有Vim WebStorm (3)语法规范 HTML注释 ctrl+/ 浏览器执行代码时忽略所有的注释 HTML标签的构成<>/英文字母或者单词组成 HTML标签的关系 父子关系(嵌套)title head 兄弟关系body head 标签跟属性一般小写 属性用双引号 (4)(i)标题标签(body) h1h6 16级标题,重要程度依次递减 特点:文字都有加粗,文字都有变大且h1~h6文字逐渐减小 独占一行 (ii)段落标签

独占一行 两端之间有空隙 (iii)换行标签
单标签 让文字强制换行 (iiii) 水平线标签


(iiiii)文本格式化标签 b u i s 分别是加粗,下划线,倾斜,删除(普通情况) strong ins em del也是(这里更重要) (5)图片的基本使用(body) 代码, src=""标签属性,src属性名,""属性值引号里面放照片 特点:单标签 注意:一个标签可以有多个属性,属性之间用空格隔开,标签名与属性之间必须以空格隔开 alt属性是替换文本,如果加载失败就会显示alt替换文本,如果加载成功了就不会显示加载替换的文本。 属性title 属性值:提示文本,当鼠标悬停时,才显示的文本。不仅仅用于图片标签。