这是我参与『第五届青训营』伴学笔记创作活动的第1天
1.前端的认识(什么是前端):解决GUI人机;跨终端(1)PC/移动浏览器(2)客户端/小程序(3)VR/AR等;WEB技术栈
2.HTML语法:标签和属性不区分大小写,推荐小写;空标签可以不闭合,比如input,meta;属性值推荐用双引号包裹;某些属性值可以省略,比如required,readonly
3.标签:
1.标题标签h1~h6
2.列表标签:有序列表<ol><li></li>...</ol>;无序列表<ul><li></li>...</ul>;定义列表<dl><dt>标题</dt><dd>内容</dd>...</dl>;
3.链接标签<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a> 弹出方式:_self, _blank, _parent, _top,_self:默认值,意为在原窗口打开,_blank:在新窗口打开,_parent:在父框架集中打开被链接文档,_top:在整个窗口打开被链接文档
4.多媒体标签:(1)<vedio>标签 src 属性——视频文件网址。width、height 属性——播放器宽、高,单位像素。poster 属性——封面图片URL。preload 属性——规定是否在页面加载后载入视频。如果设置了 autoplay 属性,则忽略该属性。(auto - 当页面加载后载入整个视频、meta - 当页面加载后只载入[元数据]、none - 当页面加载后不载入视频)。controls 属性——播放器是否显示控制栏。autoplay 属性——视频是否自动播放。loop 属性——视频是否循环播放。muted 属性——视频是否静音;(2)<aduio>标签 其属性与<video> 标签基本一致。;(3)<img>标签 src 属性——图片文件网址;
5.输入标签:<input>标签;<textarea>标签;<select>标签;
4.页面内容划分:
1.header(nav)
2.main
3.footer
5.语义化是什么?html中的元素,属性及属性值都拥有某些含义;开发之应该遵循语义来编写html;
6.如何做到语义化?了解每个标签和属性的含义;思考什么标签最适合描述这个内容;不使用可视化工具生成代码