HTML入门笔记

2021-09-05 150 阅读2分钟

<!DOCTYPE html>    //声明     console.log(document.compatMode === 'CSS1Compat' || 'BackCompay')
<html>
    <head>
        <meta  charset="UTF-8"/>          //很重要 GB2312：简体中文编码 GBK：汉字扩展规范 UTF-8 -》万国码
        <title><title />       //30-40字， 主页名称 + 主要关键字/关键词的描述
        <meta name="keywords" content="" />            //单标签,根据xhtml规范单标签应该闭合
        <meta name="description" content=""  />
    <head/>
    <body><body/>
<html/>

有之后浏览器就是w3c规定的浏览器标准模式

href设置跳转页面的地址的属性 target="_blank" _blank新开一个空页签

浏览器默认字体大小 默认字体大小为16px

标签

标题标签

h1~h6，默认是粗体，属于块级元素，是独占一行的，有margin

段落标签

p标签，是块级元素，也有margin

strong和b

都有加粗效果，但是strong语义化强，所以strong比较常用

em和i

都是斜体，但是em的语义化更强，i一般用来加图标

del标签

ins标签：下划线标签

address标签：用来写地址

html实体标签

hr和br

hr是分割线，br是换行

协议限定符

为了防止a标签点击时持续刷新页面

img标签

用来放图片，里面有src属性和alt属性 src用来放图片资源的,alt是如果图片加载失败了再显示的对图片的文本描述， title是即使图片加载了出来，鼠标移动上去会出现的对于这个图片的标题，alt一定要加，title选择性加

微信图片_20210817010322.png

a标签（一开始的作用是锚点）

作用： 1.超链接 2.打电话 3.发邮件 4.锚点定位 5.协议限定符

微信图片_20210817122536.png 微信图片_20210817011006.png

元素嵌套问题

内联元素可以嵌套内联元素块级元素可以嵌套任何元素但有例外： p标签不能嵌套div标签 a标签不能嵌套a标签