HTML入门介绍

为什么前后端分离

  • 性能问题&学习成本

前后端的走向

  • 前端:页面表现,速度流畅,兼容性,用户体验等等
  • 后端:三高(高并发,高可用,高性能),安全,存储,业务等等

HTML网页结构

一个标准的HTML页面 由三个部分组成: HTML版本声明,HTML头部,HTML主体
  • HTML版本声明: 标签<!DOCTYPE html> 它不是HTML 标签,而是指示web 浏览器关于页面使用哪个HTML 版本进行编写的指令。
  • HTML头部部分: 标签<head> </head> 涉及页面标题、字符集、样式、链接等内容
    <titile>  页面标题必须存在
    <base>  为所有链接指定默认地址
    <link>   定义文档与外部资源之间的关系
    <style>  定义样式信息
    <script>  定义客户端脚本,比如JavaScript
    <meta> 定义关于HTML 文档的元数据,用于规定页面的 描述、关键词、文档 的作者等。搜索引擎引擎会利meta元素的 name 和content 属性来索引页面。
  • HTML主体部分: 标签<body></body> 浏览器展现给用户的内容,包括标题、文本、段落、
    链接、图片、媒体等,所有的页面内容都由HTML主体部分标签来实现。
    <p>hello</p>  标识一个段落
    <a href=“url”>text</a>  标识一个链接文本
    <ol><ul><li>  列表项相关
    <table><tr><td>  表格项相关
    <img> 标识一个图片信息
    <b><i> 字体相关标签
    <form><input> 表单相关标签
    标签之间可按照规则嵌套。

    HTML标签/元素/属性

    • 标签 HTML页面由标签和内容组成,标签一般是成对出现,由开始和结束标签组成
      <p></p> <img/>
    • 元素 HTML元素指的是开始标签到结束标签的所有代码,包括开始结束标签<p>hello</p>
    • 属性 属性一般描述于开始标签中,用于对元素提供附加信息<img src=“image/geektime.png”  width=30% height=30% alt=“图片加载
      失败" />

     

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值