前端-基础 HTML5最全简洁精通

1.PC端页面布局+移动端网页布局+响应式网页布局

PC端：Html5+CSS3   Flex布局

移动端布局：rem+vw  less

HTML:超文本标记语言

标签：<  />    后缀名.html

基本骨干：     快捷键：！+回车

html：整个网页
⚫ head：网页头部，用来存放给浏览器看的信息，例如CSS
⚫ title：网页标题
⚫ body：网页主体，用来存放给用户看的信息，例如图片、文字

标签关系：嵌套，并列关系

路径：相对路径：从当前文件位置出发

           绝对路径：从盘符出发    （mac:从根目录出发）

    . 表示当前文件所在文件夹                            ./ 

     / 表示进入某个文件夹里面                            文件夹名字/
     .. 表示当前文件的上一级文件夹                    ../
windows默认\其他为/，统一写/

注释<!--....-->：快捷键：ctrl+/

单标签：1.<br> 换行    <hr>  水平线作用

              2.图像标签：<img src="./url">   alt  （图片无法显示替换文字）  title 提示文字

双标签：1.加粗：<strong>   

               2.标题标签：h1-h6     h1只用一次，可以用于logo或者标题

               3.段落标签：p

               4.文本格式化标签：加粗strong，倾斜 em，下划线ins，删除线 del

               5.超链接：<a href="https://www.baidu.com  target="_blank"(新窗口打开)>跳转到百度</a&