HTML 半个小时就可以学会!【非常详细并且好理解!!】

  • 4.文本格式化标签(熟记)

  • 5.标签属性

  • 6.图像标签img

  • 7.链接标签

  • 8.锚点定位

  • 9. base标签

  • 10.特殊字符

  • 11.注释标签

  • 12.相对路径

  • 13.div span标签

  • 14.无序列表ul

  • 15.有序列表ol

  • 16.自定义列表

  • 17.font标签

  • 完结

学习HTML推荐使用Sublime Text软件来操作练习,一定要熟练使用这个软件,对以后的无论是工作还是学习都有很大帮助。

1.文档类型<!DOCTYPE>

=============================================================================

这句活就是告诉我们使用那个html版本。

只需要记住,看到上面这行代码,说明使用的是html5的版本。

2.字符集

==================================================================

utf-8是目前最常用的字符集编码方式,其他的还有gb2312(简单中文),BIG5(繁体中文),

GBK(全部中文字符),UTF-8(全世界所有国家需要用到的字符!)。

这里只需要记录UTF-8。

注意:记住一点,以后我们统统使用UTF-8字符集,这样就避免出现了字符集不统一而引起乱码的情况了。

3.标签< h1 >到< h6 >

==============================================================================

~

大小依次递减,注意没有<7>啥的,只有这六个!

4.文本格式化标签(熟记)

==========================================================================

在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML中的文本格式化标记:

在这里插入图片描述

注意:推荐用哪一个,就是使用哪一个!因为上面的b 、i、s、u只有使用,没有强调的意思。

5.标签属性

===================================================================

例如:


1.属性采用的是“键值对”的形式,key = “value” 格式。

2.属性不分先后顺序!

3.任何属性都有默认值,忽略该属性则取默认值。

6.图像标签img

======================================================================

注意:img是单标签和hr,br一样。

这里的img是image图像。

在这里插入图片描述

注意:以上几个属性必须牢记!!!

7.链接标签

===================================================================

文本或图像

这里的a是单词anchor的缩写,意思是铁锚,锚。

  1. href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。

href全称Hypertext Reference.

提醒一下:

如果还不想添加url地址,可以使用" # "来代替一下。

这里的链接不仅仅可以添加网址还可以添加图片,影像之类的。

  1. target:制定链接页面的打开方式,有两种取值,self和blank。

blank也可以写成" _blank "(固定写法)。

例如下面的百度链接就是用以下语句写的:

百度链接

百度链接

8.锚点定位

===================================================================

通过锚点链接可以快速的定位到目标内容。

很好理解在a标签中加入了id的属性:

例如:

定位到数字1那里去

数字1

这里很简单两个命令,就是通过href属性然后定位到了id的属性,很好理解。

9. base标签

=======================================================================

base可以设置整体的链接的打开状态。

在中设定,也是有两个状态,self和_blank。

10.特殊字符

====================================================================

在这里插入图片描述

注意:以上这些都是很常用的特殊字符。

其中:

**1.空格 的英文全称是no-break space。

2.小于号&It的英文全称是less than。

3.大鱼号&gt的英文全称是greater than。**

4.其他符号自己搜寻一下就可以。

11.注释标签

====================================================================

注释一般都是给开发人员看的,用来标记一下内容或者代码的功能。

12.相对路径

====================================================================

在这里插入图片描述

这里一定要理解好和记住两个路径的格式用法!!!

容易忘记的是相对路径的第3条,一定要实操一下。

注意:本地的绝对路径最好不要使用,因为绝对路径一旦换电脑或者换地址,就over了。不过如果使用互联网上的图片绝对地址是可以的!

例如:

这里的地址就是百度图片的地址。

13.div span标签

==========================================================================

div就是division的英文,分割分区。

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
-1715362402374)]

[外链图片转存中…(img-KK1FQQjt-1715362402374)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值