1.什么是HTML?HTML是超文本标记语言,不是编程语言2.什么是CSS?CSS是一种层叠样式表,一种用于修改文档的语言。文档以更优雅的形式呈现给用户三、HTML、CSS、JavaScript的关系html、css、js是网页的三要素html:网页框架的构建结构css:样式设置页面js:对应用户操作的事件、动态、行为4、VSCode软件下的快捷键:注:ctrl+/换行:ctrl+enter生成文件结构:shift+!回车直接写HTML:5回车5.HTML页面结构详解(一)HTML5标准网页声明,如果不加这行,则表示该页面采用浏览器的解析标准本身,这将导致页面在不同的浏览器中显示不同。h5文档声明当前网页是按照html5标准编写的。如果不写文档语句,有些浏览器会进入一种怪异的模式。进入怪异模式后,浏览器会解析页面,页面无法正常显示。因此,为了避免进入这种模式,必须写文档声明。(2)a.html为根标签,一个页面中只有一个根标签,网页中的所有内容都要写在html根标签b中。属性lang是language的缩写,意为语言,en代表英文,zh—CN代表中文c.html根标签中只有两个子标签,head:浏览器设置,body:可视区域显示(3)head标签中的内容不会直接显示在网页上,它用来帮助浏览器解析页面(4)a.meta标签用来设置网页的一些元数据,比如网页中的字符集、关键字、介绍b.meta是一个自闭标签。写自闭标签时,可以加一个c。开始标签的字符编码:浏览器会根据字符编码进行解析。常见的字符编码有:gb2312、gbk、unicode、utf-8(5)a.viewport:设备的屏幕b.width=device-width:width属性控制屏幕设备的宽度。如果您的网站将被不同屏幕分辨率的设备浏览,将其设置为device-width可以确保它可以在不同的设备上正确呈现。c.initial-scal=1.0:确保网页加载时,以1:1的比例呈现,不做任何缩放。(6)浏览器选项卡上的名称(7)设置网页的主要内容,网页中所有可见的内容都要写在body中,在body内容显示在浏览器的视口中。6、实体空间:小于号:<大于号:>版权所有:©注册商标:®7、块级元素(1)功能:构建网页结构(2)常用元素:htm、body、div、p,ht~h6,ul->li,ol->li,dl->dd/dt,header,footer,nav,artice,section,aside,adderss,(3)特征:a.占用一行空间B.默认宽度为100%(如果有父元素,则相对于父元素,如果没有,则相对于浏览器)c.高度由子元素或内容决定(支持)d.它的宽度可以由csse指定。块级元素块级元素和行内元素可以嵌套8.行内元素(1)作用:在结构中填充网页内容(2)常用元素:span,a,img,strong,b,i,em,sub,sup...(3)特点:a.与其他行内元素共享一行空间b.高度由自身决定c.由于不需要构建网页结构,所以不需要通过css指定其宽度d.alabela:linkexternalorinternalURLhref="relativepath./..//Absolutepath:http://ip:portnumber/project/filename"(https://)经典应用:锚点定义锚点,链接锚点1.给一个跳转按钮,也是触发跳转的按钮回到顶部返回顶部2.跳转到的位置:找到我
3.