day2 重学html&css july14

94 阅读1分钟

p12 vscode的安装

  • 文件→首选项→设置
  • <html lang="zh/en"></html>

p13 安装liveserver

  • 模拟开发环境

p14 实体

  • 多个空格会被忽略,只会识别一个
  • 有些符号不能直接书写,只能使用~~转义字符
  • &nbsp; 空格
  • &gt; 大于号
  • &lt; 小于号
  • &copy; 版权符号

p15 meta标签

  • meta标签:设置网页中的元数据,不展示给用户
  • charset:指定网页的字符集
  • name:指定的数据的名称
  • content:指定的数据的内容<meta name="keywords" content="html5,前端,css">
  • <meta name="description" content="网站的描述">
  • <meta http-equiv="refresh" content="3;url=https://www.baidu.com">将页面重定向到url所指的网址,分号前的数字表示延迟的时间

p16 语义化标签1

  • h1~h6六级标签:重要性递减
  • CTRL+enter 光标换行
  • 块元素block element;行内元素inline element
  • em元素:只是语气加重
  • strong元素:表示内容很重要

p17 块和行内

p18 语义化标签2

p19 列表

  • 无序列表ul
  • 有序列表ol
  • 定义列表dl>dd

p20 超链接

p21 相对路径

  • ./ 同级目录
  • ../ 上级目录

p22 超链接的其他用法

  • target="_self/-blank"
  • 随机生成英文文本:lorem+tab键
  • href="#"回到顶部

p23 图片标签

alt属性:便于搜索引擎抓取