HTML笔记

20 篇文章 0 订阅
一、路径(绝对路径 相对路径)
    绝对路径:带盘符的路径,在项目中不会使用
    相对路径:从自己当前文件出发,找到目标

    / 根目录
    ./当前目录 (可以省略不写)
    ../上级目录

二、闭合标签
    html中所有标签必须都有闭合标签,它们都是成对出现的。
    闭合标签 <标签>...</标签>

    个别标签除外

    不需要闭合的标签:
       <br> :换行
       <hr>:水平线
       <img>:图片标签
       <link>:外部样式(图标)
       <meta>

三、标签分类
    1.块元素:自己独占一行 并且可以设置宽高
       h1-h6: 标题标签 h1字号最大 h6字号最小
       p: 段落标签
       hr:水平线
       ul li: 无序列表
       ol li:有序列表
       dl dt dd :自定义列表
       div:布局容器
       table:表格
       form:表单

    2.行块元素:同一行显示 可以设置宽高
       img:图片标签
       input:表单元素

    3.行元素:同一行显示,不可以设置宽高
       a:超链接
       span:修饰文本标签
       strong或者b:字体加粗
       em或者i:字体倾斜
       ins或者u:下划线
       del或者s:删除线
       sub:下标
       sup:上标
       label

四、实体字符
    空格符号: &nbsp;  (必须以&开头以;结束)
    大于号: &gt;
    小于号: &lt;
    版权符号: &copy;

五、表单
       form 表单容器

       input:表单元素
          type:表单的类型
             text:文本输入框
             submit:提交按钮
             button:按钮
             reset:重置
             password:密码
             radio:单选按钮
             checkbox:多选按钮
             file:文件域 上传文件

       textarea:多行文本输入框
       select:下拉框 select里面必须包含option

六、标签嵌套
       块元素什么都可以嵌套(所以,一般用块元素进行布局,最常用的是div)
       行元素可以嵌套行元素,尽量不要嵌套块元素或者行块元素

       a标签不能嵌套a标签,会产生两个a不嵌套bug
       h标签不能嵌套h标签,会产生两个h不嵌套bug
       p标签不能嵌套p标签,会产生三个p不嵌套bug

       h标签和p标签属于文本级标签,只能嵌套行元素、行块元素和文本级内容,尽量不要嵌套块元素
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雪花酥01

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值