打卡学习前端第1天

码农爱吃胡萝卜 2021-02-03 08:30:19
1.vscode操作1)点击"扩按钮",输入Chinese,安装完成后重启vscode。ctrl+shift+p-->configure display language-->打开locale.json将“en”改成"zh-CN"2)"文件"--"首选项"--设置3)插件:view in browser open in browser4)快捷键: alt+b 使用默认浏览器打开 shift+alt+向下箭头 向下复制一行 shift+alt+向上箭头 向上复制一行 alt+向下箭头 向下移动 shift+tab 向前移动 ctrl+z 回退一步2.浏览器及内核Chrome谷歌: 特点——简洁,快捷,安全 内核——webkit,Blink 费用——收费Firefox火狐——Mozilla公司 特点:非盈利,Gecko项目开源 内核:GeckoSaffari苹果:苹果公司 特点:移动端 内核:webkitOpera欧朋:挪威 opear software ASA 特点:自主研发presto内核 内核:presto,blinkIE:Microsoft 特点:IE和windows系统捆绑推向市场 内核:trident1)使用trident内核的IE,及一些国产浏览器2)使用Gecko内核的Mozilla Firefox火狐——Mozilla公司3)使用blink内核的chrome,Opera欧朋4)使用webkit内核的Safari,chrome,及一些国产的双核浏览器3.前端页面的构成 HTML——超文本标记语言 Hypertext Markup Lanuage,结构层 结构层由HTML标记语言创建的,负责页面语义 CSS——层叠样式表 cascading style sheets,样式层或表现层 表现层组要是负责页面的样式 javaScript——脚本语言,行为层 行为层主要是负责描述页面的动态效果 4.什么是HTML? HTML是超文本标记语言。HTML是使用标记来描述网页的一种语言。HTML是一种语法简单,结构清晰地语言5.HTML文档——网页扩展名:.HTML文件名的格式:主文件名.扩展名6.HTML标签语法:标记——标签,元素HTML标签:由尖括号包围的关键词单标签:<标签名 />,<标签名>双标签:<标签名>[内容]</标签名><标签名 属性名="属性值">[内容]</标签名>空元素:严格模式在开始标签下进行关闭HTML的注释:ctrl+/<!--HTML注释内容-->7.HTML文档的结构8.常用标签:块级标记:1)标题标签:h系列标签 h1-h6大小依次减小,重要程度依次减弱; h1在同一个网页中只能使用一次,其他标签可以重复使用 特点:默认情况下宽度100%,默认情况下高度自适应,独立成行;自带间距和加粗效果2)段落标签:p标签特点:默认情况下宽度100%,默认情况下高度自适应,独立成行,自带间距3)div标签:无语义 语法:<div>[内容]</div> 特点:默认情况下宽度100%,默认情况下高度自适应;独立成行其他标签:4)br标签:强制换行标签——不产生新段落的情况下进行换行 语法:<br />或<br>5)hr标签:水平分割线标签语法:<hr />或<hr>特点:默认自带间距,自带边框行级标记:文本格式化标记——6)span标签:万能标签,用于区分样式,双标签7)b标签:是一个实体标签,用来呈现文字的加粗效果8)strong标签:是一个语义标签,作用加强字符的语义,用来表示重要文本,在文本中呈现粗体效果。9)i标签:定义与文本中其他部分不同的部分,将这一部分呈现为斜体,没有特殊语义10)em标签:用来呈现被强调的文本,在文本中呈现斜体效果11)sub标签:用来定义下标12)sup标签:用来定义上标13)del标签:定义删除线行级标记特点:默认情况下宽度自适应,默认情况下高度自适应,默认情况下横向显示(相应行内元素会排列在同一行中,直到一行排不下,才会换行)行块级标签:14)img标签:图片标签语法:<img src="图片的路径" title="鼠标悬停时的提示信息" alt="图片占位">
...全文
95 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
HuangHe201691 2021-02-04
  • 打赏
  • 举报
回复
还是鼓励一下,其实可以写成博客

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧