Day 1

77 阅读1分钟

HTML

一、语义标签

1-标题标签 h1 - h6

  • 加了标题文字变粗、字号变大
  • 一个标题一行

2-段落标签 p

  • 文本在在段落中会根据浏览器大小自动换行
  • 段落之间有间隙

3-换行标签 br

  • 强制换行

4-文本格式化标签

  • 加粗 strong   *
  • 倾斜 em *
  • 删除线 del
  • 下划线 ins

5- div 和 span 标签

  • div 一行只能放一个 大盒子
  • span 一行可以放多个 小盒子

6-图像标签

  • src 图片路径
  • alt 文本 替换文本 图片不能显示时,用来解释的文本
  • title 文本 提示文本 鼠标放到图像上 提示的文本
  • width 像素 图像宽度
  • height 像素 图像高度
  • border 像素 图像边框粗细

相对路径

  • 同级 直接写
  • 下一级 ./
  • 上一级 ../

绝对路径

  • 文件在电脑中的位置 " D:\web\img\logo.gif "
  • 完整的网站地址

链接语法格式

  • href 指定链接目标的url地址
  • target 指定页面打开方式
    • _self 默认值 在当前页面打开
    • _blank 在新窗口中打开

链接方式

  • 外部链接 点击跳转到另外一个网页 如点击跳转到百度
  • 内部链接 网站内部页面之间的相互链接
  • 空链接 herf=“#”
  • 下载链接 herf链接里面放了一个文件或者压缩包
  • 网页元素链接 文本、图像、表格等
  • 锚点链接
    • 在链接文本设置 #名字 的形式 如 href=“#one” 点击处加# 号
    • 在目标位置添加 id 属性 id = one 这样就可以直接链接了 目标处不加 #号