HTML入门第三天

0721

标签

div

• 块元素

  • 换行

    • display=inline-block

      • 转换成行内块

        • width

          • 宽度

        • heigth

          • 高度

p

• 段落标签

  • style样式属性

    • color

      • 前景色

    • background-color

      • 背景色

  • 块元素

    • display=inline

      • 转换成行内元素

span

• 无样式属性

  • style样式属性

    • color

      • 前景色

    • background-color

      • 背景色

hr

• 水平分割线

br

• 换行

h1-h6

• 换行 依次减小 加粗

b、strong

• 加粗

i、em

• 斜体

u

• 下滑线

del

• 删除线

sup

• 上标

sub

• 下标

ul

• 无序列表

ol

• 有序列表

li

• 列表元素不能单独出现

dl

• 自定义列表

dt

• 自定义列表项目

dd

• 自定义列表项目解释

iframe

• 框架标签

  • 用于引入其他页面

    • frameborder

      • 0

        • 没有边框

      • 1

        • 有边框

    • scrolling

      • no

        • 不显示

      • yes

        • 显示

a

• 超级链接

  • href

    • 链接目标地址

      • 本地相对路径
      • 网络地址

  • target

    • _black

      • 新空白页

    • _self

      • 当前页

img

• 图片

  • src

    • 目标图片地址

      • 本地图片

      • 网络图片

        • 有些图片反爬

  • alt

    • 图片加载失败显示文本

audio

• 音频

  • src

    • 音频路劲

      • 本地资源
      • 网络资源

  • controls

    • 控件

      • 一般会自定义

  • autoplay

    • 自动播放

      • 谷歌浏览器不行

video

• 视频

  • src

    • 视频路劲

      • 本地资源
      • 网络资源

  • controls

    • 控件

      • 一般会自定义

  • autoplay

    • 自动播放

      • 谷歌浏览器不行

table

• 表格

tr

• 行

th

• 表头单元格

  • 居中 加粗

td

• 普通单元格

form

• 表单标签

  • Action

    • 服务器地址

  • method

    • 请求方式

      • get
      • post

• 表单域

  • inupt

    • type=“text” 单行文本框
    • textarea多行输入文本框
    • type=“password” 密码框
    • type=“radio” 单选框
    • type=“checkbox” 复选框
    • type=“color” 颜色
    • type=“time” 时间
    • type="range"范围
    • type="numbe"数字框

• 表单按钮

  • type="button"自定义按键
  • type=“submit” 提交按钮
  • type=“reset” 重置按钮
  • type=“button” 普通按钮
  • type=“file” 文件上传按钮

属性

4中标准

• title

  • 彩蛋

• style

  • 样式属性

• id

  • 一个页面中每个元素只能有一个id 以字母开头

• class

  • 一种元素你有多个类名用空格隔开，多个元素可以有一个类名

常用属性

• color

  • 前景色

• background-color

  • 背景色

• targrt-blank

  • 在新页面打开

• text-decoration:none;

  • a标签去下滑线

• controls

  • 显示播放组件

• border-radius

  • 显示弧度

• Text-align:center

  • 文本居中

• charset

  • 编码

• src

  • 来源

• width

  • 宽度

• height

  • 高度

• border

  • 边框

• cell padding

  • 单元个内补

• cell pacing

  • 单元个间距

样式属性

width

• 宽度

heigth

• 高度

text—align

• 文本居中

display

• inline

  • 行内元素

• block

  • 块元素

• inline-block

  • 行内块元素

• none

  • 隐藏

border-radius:50%

• 弧度

border

• 外边框

  • =1px solid red

padding

• 内补

margin

• 外边距

background-color

• 背景颜色

color

• 前景色

font-size

• 字体大小

font-weigth

• 字体粗细