HTML5知识点

基础小知识

  1. 软件的分类:系统软件(linux)、应用软件、游戏软件
  2. 软件:客户端(本地可以看见的)(服务员)+ 服务器(接收消息,可以远程处理业务)(厨师) 软件 = 客户端 + 服务端
  3. 服务器开发的语言:java(主流)、Node.js(主流)----前端进行书写的(JavaScript)一定要学好node.js
  4. 客户端的形式:①文字客户端HTML ②图形化界面 C/S(有手就可以对网页进行操作)③网页(B/S架构)学习前端 (开发成本低)
  5. 网页优点:①无需安装 ②无需更新 ③跨平台(电脑、手机都行) 网页中使用的语言:HTML、CSS、Javascript(JS)
  6. 浏览器就是访问网页的一个工具,把网页进行渲染(程序员写的是代码)成我们想要的样子,对代码进行解析
  7. 有了浏览器就只需要一个网址
  8. 现在我们编写的网页都需要遵循W3C规范/标准
  9. W3C标准:一个网页主要由三部分组成:结构、表现、行为
    解释:①结构:HTML用于描述页面结构 ②表现:CSS用于控制页面中元素的样式(属性,网页布局) ③行为:JavaScript用于响应用户操作。

超文本标记语言(HTML)

  1. HTML(超文本标记语言),我们写的代码都是纯文本
  2. 可以用记事本书写,但是想要打开这个网页就需要修改后后缀名了
  3. <标签名>内容</标签名>,学习html其实就是学习标签
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Hello</title>
    </head>
    <body>
        <h1>哈哈哈</h1>
        <p>我来</p>
        <p>人生就是这样,慢慢把自己变得更加优秀才是</p>
    </body>
</html>

效果图
在这里插入图片描述

  • 标签有成对标签和自结束标签,还有一些关于注释的概念:

  • 注释快捷键: Ctrl + /
    在这里插入图片描述

  • 在标签里面定义属性:一般采用的是键值对的形式
    在这里插入图片描述

  • 文档声明: 表示的就是用html5标准,文档类型!
    在这里插入图片描述

  • 进制:计算机在进行操作的时候最小单位就是进制:计算机中进制换算是1024
    在这里插入图片描述

  • 字符编码:文字(一般称之为字符才是)转换成数字01才是编码, 反之是解码
    在这里插入图片描述
    在这里插入图片描述

  • 文档或者是手册,因为内容太多了,可以方便进行查询

  • 根据自己需要安装插件即可,ayu是一组风格组件
    -

  • 前端代码编写软件:vscode的使用

在这里插入图片描述

  • 插件的安装十分简单-安装一个帮忙随时刷新的一个服务器,书写的代码在浏览器当中会进行一个实时的更新,Live Server 实时进行解析的组件!
    在这里插入图片描述
  • 快捷键 !+ 回车,就可以在vscode当中把网页代码结构展示出来:
  • 实体:在网页中经常需要书写一些特殊的符号,直接敲击可能打印不出来,需要用到一些特殊的符号
    在这里插入图片描述
  • Html当中有用的字符实体:实体名称对大小写敏感!!!
    在这里插入图片描述
  • meta标签的使用:meta里面的refresh表示的就是刷新的意思!!!
    常用的数据名称有:keywords、discription、title等等
    http-equiv :其就是向浏览器当中传入一些有用的信息,下面是其常用形式。
    在这里插入图片描述
    在这里插入图片描述
  • 语义化标签:h – 标题标签,是块元素。 < br > 是换行操作,用的稍微会比较多一点。
    在这里插入图片描述
    在这里插入图片描述
  • 语义化标签 – 块元素,行内元素等等
    在这里插入图片描述
  • 布局标签
    在这里插入图片描述

超链接

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值