前端html基础学习(上)

一、网页

1.1、网页是构成网站的基本元素,通常由图片、文字、声音、视频等元素组成。常见的以.html或者.html后缀结尾的文件,称之为HTML文件。

2.1、HTLM语言是一种超文本标记语言,用于描述网页的一种语言。(标记语言是一套标记标签)。

2.2、标记语言的两层含义
(1)他可以加入图片、视频等(超越了文本限制)。
(2)可以从一个文件跳到另一个文件,与世界各地主机相连(超级链接文本)

二、浏览器

在这里插入图片描述
国内主要内核:Webkit\Blink.

三、Web标准(重点)

在这里插入图片描述

3.2、Web标准的构成(面试主要问题)
在这里插入图片描述

四、HTML

  1. 基本语法标签
    1.1、HTML标签是由尖括号包围的关键词。成对出现的为双标签(包括开始标签和结束标签);单个标签即单标签为特殊标签。
    1.2、标签关系:包含关系(父子)、并列关系(兄弟)。

  2. 基本结构标签
    在这里插入图片描述
    在这里插入图片描述

  3. 网页开发工具
    1.(<!DOCTYPE>文档声明标签)
    在这里插入图片描述
    2、lang语言种类(对于浏览器和搜素引擎都是有用的)
    在这里插入图片描述

  4. 字符集
    在这里插入图片描述

五、HTML常用标签

  1. 标题标签
    在这里插入图片描述
  2. 段落标签
    在这里插入图片描述
  3. 段落与换行标签(重要)
    在这里插入图片描述
  4. 文本格式化标签(重点记住加粗和倾斜)
    在这里插入图片描述
  5. 特殊标签:
    和<span
    在这里插入图片描述
    示例如下:
    在这里插入图片描述

6.图像标签和路径(重点)

(1) 图像标签
在这里插入图片描述
(2)其它属性
alt和title区别:alt替换文本,图像不存在时,会出此案的文本:title时提示文本,只要鼠标在图像上就会出现。
在这里插入图片描述
(3)属性注意点:
在这里插入图片描述
(4)路径
采用路径来查找图像文件位置
在这里插入图片描述
在这里插入图片描述
注意:绝对路径只能在自己电脑中使用,一般不会用到;而网络地址可以使用(复制网络链接)。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值