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

本文介绍了HTML的基本概念,包括doctype声明、字符集选择(如UTF-8)、标签结构(如h1-h6)、文本格式化、图像标签img、链接和锚点的使用,以及base标签和特殊字符。同时提到SublimeText的学习重要性,并推荐了一份前端开发学习资料和面试宝典以助于技能提升。
摘要由CSDN通过智能技术生成
  • 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.其他符号自己搜寻一下就可以。

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

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

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

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

文末

如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。

同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值