前端学习笔记-Day02

HTML常见的基础元素使用

1 一个完整的HTML结构

1.1 文档声明

  • 让浏览器用HTML5的标准去解析识别HTML文档
  • 放在前面,不能省略
  • <!DOCTYPE html>

1.2 html元素

  • 是HTML文档的根元素、一个文档只能有一个
  • 浏览器会检测lang属性,如语言不一致,会弹出是否启用翻译的功能
  • <html lang=“zh”>

1.3 head元素

  • 里面的内容是一些“元数据”(描述数据的数据)
  • title元素
    • 设置网页的标题
  • meta元素
    • 设置网页的字符编码
    • 有ASCII、GB2312、GBK、UTF-8等,统一使用UTF-8编码规则
    • <meta charset=“utf-8”>
  • style元素
    • 设置元素样式
  • link元素
    • 可以设置网站的图标
    • <link rel=“icon” href=“https://www.jd.com/favicon.ico”>

1.4 body元素

  • 网页的具体内容和结构

2 基本元素

2.1 h元素

  • 表示网页的标题
  • h1—h6定义了6个等级的标题
  • h元素有助于网站的SEO优化,可以促进关键词排名
    • 建议在网页中最多只有一个h1元素
    • 乱用h元素会认为作弊

2.2 p元素

  • 表示文章的一个段落

2.3 strong元素

  • 用于强调某些文本,粗体的显示效果

2.4 code元素

  • 会将字体设置成等宽字体
  • 真实开发中借助<span>来控制样式

2.5 br元素

  • 将一段文字进行换行
  • 但是在真实开发环境中使用的是<div>标签

2.6 hr元素

  • 显示一条分割线
  • 真实开发中也是借助div来实现,通过设置height和background-color

3 字符实体

3.1 空格

  • &nbsp;一般不这样使用
  • 借助样式,text-indent:2em;

3.2 大于号

  • &gt(great than)

3.3 小于号

  • &lt(less than)
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值