网站推广的优势,软件外包企业排名,家居企业网站建设新闻,临沂网站制作费用1.html使用标签来表达
结束标签多一个/
strong文字内容/strong
hr
包裹内容就是双标签#xff0c;换行等是单标签
浏览器中显示内容#xff1a; 2.html的骨架是网页模板
!DOCTYPE html
html langen
headstrong文字内容/strong
hr
包裹内容就是双标签换行等是单标签
浏览器中显示内容 2.html的骨架是网页模板
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title网页标题/title
/head
body给用户看的
/body
/html
html整个网页
head网页头部存放给浏览器看的代码如CSS
body网页主体存放给用户看的代码如文字图片
title网页标题
vscode快速生成骨架 tab / enter
浏览器显示 3.标签关系
父子父在子的缩进之上嵌套
兄弟缩进一样并列 html是head和body的父head和body是兄弟关系 4.注释
注释不会在浏览器中显示
vscode中添加删除/注释的快捷键ctrl /
body!-- 这是文字注释! --strong加粗显示/strong普通文字
/body
显示 5.标题标签
标题名h1~h6
bodyh1一级标题/h1h2二级标题/h2h3三级标题/h3h4四级标题/h4h5五级标签/h5h6六级标题/h6
/body
标题独占一行 规范h1在一个网页只能用一次用来放新闻标题或网页logo其他无限制 6.段落标签
bodyp新手晋升ES6 - 12特性至少ES6尝试看看八股文理解this作用域深浅拷贝原型链能用明白一些库框架html语义化less sass能写出动态效果基本排版能力可以不借助框架写出漂亮的页面配合ajax做数据交互找工作看天赋可能根据你的理解能力录取/pp新手晋升ES6 - 12特性至少ES6尝试看看八股文理解this作用域深浅拷贝原型链能用明白一些库框架html语义化less sass能写出动态效果基本排版能力可以不借助框架写出漂亮的页面配合ajax做数据交互找工作看天赋可能根据你的理解能力录取/p
/body
p来表示 7.换行水平线 第一行br第二行hrbrhr 一个br是一行hr是水平线 8.文本格式化标签 strongstrong加粗/strongbb加粗/bbremem倾斜/emii倾斜/ibrinsins下划线/insuu下划线/ubrdeldel删除线/delss删除线/s strong等如图都有对应的快捷方式但是一般都用左边的写法 9.图像标签
bodyimg src./szk.jpgimg src./ksm.jpg
/body
]
打开后发现图片显示在同一行 图片标签属性 示例 !-- 图片加载不出来提示文字 --img src./szk2.jpg alt这里是图片!-- 鼠标停在图片上的提示 --img src./szk.jpg title这也是图片!-- 浏览器缩放图片默认等比例缩放 --img src./ksm.jpg width100img src./ksm.jpg height600 加载不出来的提示文字 尺寸比较 10.路径
相对路径
从当前文件位置出发查找目标文件 注意看文件位置 绝对路径
bodyimg srcE:\image\szk.jpgimg srcE:/image/szk.jpg
/body 绝对路径应用场景友情链接 11.超链接
点击后跳转到其他页面
输入a即可
body!-- 跳转到网上地址 --a hrefhttps://www.baidu.com/跳转到百度/a!-- 跳转到本地地址且新加窗口跳转 --a href./01-标签的写法.html target_blank跳转到01/a!-- herf属性值写#表示空链接不会跳转 --a href#空链接/a
/body 12.多媒体标签-音频和视频
音频标签
!-- controls音频面板 loop循环 autoplay自动播放浏览器默认禁用--audio src./music/Chris Rickwood - Banzai.mp3 controls loop autoplay/audio 视频标签 !-- controls控制面板 loop循环 muted静音 autoplay自动播放--!-- 自动播放需要muted --video src./media/1.我从没觉得跳广场舞开心过 【酒醉的蝴蝶】(Av831713062,P1).mp4 controls loop muted autoplay/video
浏览器支持在静音状态下自动播放也就是如果要自动播放需要muted和autoplay一起加
