今日总结0719

本文介绍了HTML5的基本结构,包括doctype声明、html标签、head部分的title和charset设置,以及body内的各种常用元素如div、p、hr、h1-h6、span等。还详细讲解了列表、样式属性和Emment快速代码块的使用。
摘要由CSDN通过智能技术生成

HTML

超文本标记语言

  • 基本结构

    -DOCTYPE HTML:表示文档为h5

    • html:根标签

      • hrad

        • 头部标签

          • title:页面标题

          • mate charset=“UTF-8”

            • 万国码
      • body

        • 身体标签

6种

div

  • 常用块元素,换行

p

  • 段落标签,有上下行距

    • 空格

      •  

        • 普通空格
        • 一个当前字体大小空格

br

  • 强制换行

hr

  • 水平分割线

h1~h6

  • 六级标题

    • 加粗/字体大小有更改

span

  • 隔离标签

    • 没有任何样式

8种

b/strong:加粗

i/em:斜体

u:下划线

del:删除线

sub:下标

sup:上标

6种

ul

  • 无序列表

ol

  • 有序列表

    • 有序号、左侧内部

li

  • 列表项目

dl

  • 自定义列表

dt

  • 自定义列表项目(相当于li)

dd

  • 自定义列表项目说明

style

style="属性名:属性值;属性名:属性值”

-color:red 文字颜色

  • background-red:背景颜色
  • font-weight:bold/100~900 字体粗细
  • display:block(块元素 像div) inline(行内元素 像span)
  • border:1px solid red 边框(宽度、线型、颜色)
  • margin:10px 外边距
  • padding:10px 内补

Emment快速代码块

*

  • 重复多少次

    • div*10

>

  • 嵌套

    • div>p

{}

  • 内容

    • div{p}

$

  • 递增

    • div*10>{div$}

+

  • 并列

    • div+p

()

  • 整体

    • (div+p)*2
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值