HTML知识点学习总结

这篇博客是关于HTML的学习总结,涵盖了HTML的概述、主流浏览器、标签分类、常见字符、注释的使用以及图片的引入方法。讲解了如<title>、<p>、<meta>、<img>等标签的用途,强调了字符编码和图片路径的设置。

第一次做学习笔记可能做的不是很好

一.html概述

html(Hyper Text Markup Language)是超文本标记语言。

二.主流的浏览器

1.谷歌(Chrome)

2.IE(Internet Explorer)

3.苹果(Safair)

4.火狐(Firefox)

5.欧朋(Opera)

三.标签分类

1.双标签标记:

<标签名>内容</标签名>
  示例:

2.单标签标记:

<标签名>

示例:

四.常见的字符

title定义网页的标签,<p></p>表示分段

meta是元数据标签,charset用来设置字符编码的类型

utf-8表示万国码,gbk/gb2312是国标码

<!DOCTYPE html>表示是html5的文档,一般开头都会,但是长时间无人维护的就可能是html4之类的

示例:

五. 注释

<!--内容-->

六. 图片的引入

<img src=" -/图片.jpg" alt=“ ”>表示图片

src表示引入图片的路径,./和 表示当前目录,./可省略

html文件和图片在同一个目录下,src的值是先写文件夹名称再写图片名称

当html文件和图片不在同一个目录下,需要用../跳出当前目录

示例:

 alt是当图片加载失败时的提醒文本

示例:

 如果需要跳出两次目录,需要输入../../

示例:

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值