HTML学习笔记1

电脑快捷键

Ctrl + J 复制并粘贴
Alt + Shift + 上下箭头 调整行的位置

标签分类

双标签

<title>标题</title>

单标签

<br/>
标签书写规范
  • 所有标签都在 <> 中
  • 所有标签都有开始和结束,即使是单标记也要结束

    • <br/> 强制换行
    • <img/> 图片标记
  • 所有的标签和属性及值小写

  • 标签和属性,属性与属性之间有空格
  • 属性值必须有加引号(单引号或双引号都可以)
  • 属性必须有值
  • 属性可写可不写
  • 标签与标签之间正确嵌套
标签格式
  • <开始标签 属性1 = “值1” 属性2 = “值2” 属性n = “值n” > 内容
文档结构
  • 在网页源代码中查看时,
    • Ctrl + end 回到最后
    • Ctrl + home 回到最顶部
    • Ctrl + F 查找标签
<html>
    <head>
    <title>标题</title>
    </head>
    <body>
    </body>
</html>
  • 解释
    • html 指明当前的文档类型,是一个网页
    • head 是网页的头部,包括网页的相关信息,基本设置,其中 title 是网站的标题,
    • body 在浏览器中看到的内容
html 标签按功能分类
  • 文本的修饰
  • 文字排版
  • 图片
  • 链接
  • 表格
  • 列表
  • 表单
  • 框架
文本的修饰
  • 属性
    <font color="red" size="50">我有一只猫</font>

    • color:颜色 red,blue,green,yellow…
    • size: 值(1-7),默认值:3
    • face::字体
  • <body>

    • text:文字的颜色
    • bgcolor:背景色
    • background:背景图

      • 建议当前网页文件和背景图片在一起
    • bgproperties:背景图固定,

HTML 文本修饰标记
  • <big> 相对默认文字大一些
  • <samll> 相对默认文字小一些
  • <b> 加粗
  • <strong> 加强语气
  • <i> 斜体
  • <em> 斜体
  • <u> 下划线
  • <s> 删除线
  • <ins><del>
  • <sup><sub> 上标,下标 superscript 上标 subscript 下标
HTML 排版标记
  • p 段落

    • 自动在段前段后添加一个空白行,
    • 属性:align 值:left(左对齐,默认) center(居中对齐) right (右对齐)
    • br

      • 强行换行 <br/>
    • hr

      • 单标记 <hr/>
      • 属性:width 宽度 值:默认是像素,也可是百分比
      • align:对齐方式 left cneter right, 默认 center
      • color:颜色
      • noshade:阴影设置
<hr width"50%" color="yellow" size="10" noshade="noshade"/>

div 和 span 区别:块元素和行内元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值