HTML基础学习


前端学习

今天是正式学习前端的第一天,以前也学过一点点,今天开始将在这里见证我的前端成长之路,我将把每日学到的东西进行梳理总结,作为学习笔记分享在这里啦!

一、【前端开发介绍】

前端开发:创建web页面或者是APP等前端界面呈现给用户的过程。

核心技术:HTML 、CSS 、JavaScript及衍生出的各种技术和框架等。

应用场景:PC、移动APP、小程序、游戏、服务端。

二、【互联网原理】

程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(如浏览器软件)发送HTTP请求到服务器,服务器接收请求后进行响应,将存储的相关文件通过HTTP响应回传到用户本地客户端,最终通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果。
在这里插入图片描述
在这里插入图片描述
Chrome渲染效果好,市场占有率高,自带开发者调试工具

三、【纯文本格式】

纯文本格式(.txt )

  1. 只能保存文本,有利于网络传输
  2. 所有的纯文本格式文件,可通过更改扩展名的方式更改保存格式。
  3. 可使用任意纯文本编辑器

html css js 都是纯文本格式

四、【HTML概述】

前端三层:HTML(结构层)、CSS (样式层)、JavaScript(行为层)。

Hypertext Markup language:超文本标记语言。用来制作网页的一种标记语言。

html是纯文本,不能直接添加音频、视频、图片等。

语义化网页的优势:
1.方便阅读和后期维护
2.便于浏览器或网络爬虫更好的解析网站内容
3.利于SEO搜索引擎优化,提高网站的搜索排名

版本
在这里插入图片描述

五、【HTML标签】

#1.标签必须写在一对尖括号<>内部。
如下(示例):

<html></html>

#2.标签分为单标签和双标签,双标签必须成对出现。
如下(示例):

<p></p>
<br/>

3.双标签分为开始标签和结束标签,结束标签必须书写关闭符号/,单标签需要自封闭书写。在html5中单标签可以不书写关闭符号。
错误写法:

<div><div>
<br>

正确写法:

<div></div>
<br/>

标签级别 :
(1)容器级,可存放任意内容
(2)文本级,只能存放文字或类似文字的内容

六、【HTML元素】

HTML元素是指从开始标签到结束标签的所有内容,包括开始标签、元素内容、结束标签。
1.元素内容可以纯文本,也可以是其他html元素。这种元素内容中包含其他HTML元素的情况,可以称为嵌套。
如下(示例):

<div><p>努力</p></div>

2.一个HTML元素内容可以包含多个其他HTML元素。这种嵌套可以有多层。
如下(示例):

<div>
<p>div内部嵌套p</p>
<h1>div嵌套一级标题</h1>
</div>

元素特性:
1.空白、空格 、换行、 缩进不影响效果。
2.元素内容是文本对空白敏感,会出现空白折叠现象,折叠成一个空格。

七、【HTML属性】

HTML属性:HTML标签可以添加属性,属性回提供更多信息。
(1)书写位置,与标签名之间用空格分离。
(2)属性包含,属性名key 属性值value 键值对k=“v” class是起一个名字,书写要求用英文加数字。
如下(示例):

<p k=“v”>段落1</p>

(3)一个标签内可以设置多个不同的属性,属性与属性之间用空格分隔。
如下(示例):

<p k=“v” k=“v” k=“v”>段落2</p>

(4)k设置多个属性值v可以用空格分隔开来。
如下(示例):

<p k=“v1 v2 v3”>段落3</p>

总结

今天就学习到这里啦,初步对HTML有个了解(当然啦,以前学过的),不过觉得现在更加系统化、更加深入的学习了。
在这里插入图片描述

已标记关键词 清除标记
相关推荐
<p> <strong> </strong> </p> <p class="MsoNormal" style="text-align:left;margin-left:21pt;text-indent:21pt;"> <br /> </p> <p class="MsoNormal"> <strong><span style="font-size:18px;"></span></strong> </p> <p class="ql-long-24357476"> <strong><span style="font-size:18px;color:#E53333;"><strong>想学好</strong></span><strong><span style="font-size:18px;color:#E53333;">JAVA必须要报两万的培训班吗?</span></strong><span style="color:#E53333;"></span><span id="__kindeditor_bookmark_start_82__"></span><br /> </strong> </p> <p class="ql-long-24357476"> <span id="__kindeditor_bookmark_end_83__"></span><strong><span style="color:#337FE5;">【课程背景】</span></strong> </p> <p class="ql-long-24357476"> <strong>JAVA是市场份额最大的编程语言,每天各大招聘网站上都会有数万个JAVA开发工程师的在招岗位,但是JAVA的技术体系庞大复杂,要想扎实掌握JAVA不是一件容易的事,线上学习相比线下两万起的高昂费用便宜了很多,而且具备学习时间灵活的优势,但是线上学习的劣势也很明显,没有线下那种学习氛围,碰到问题没法解决,在家学习很容易偷懒,极简JAVA学习营充分考虑到这些问题,通过每日实战编程练习,分队pk,助教答疑,作业点评,作业讲解,项目答辩等诸多环节充分激发你的学习热情,解决你学习中碰到的问题,让你花十分之一的钱学到JAVA的精髓,开启你的人生逆袭之路。</strong> </p> <p class="ql-long-24357476"> <strong><br /> </strong> </p> <strong><span style="color:#337FE5;">【专项的贴心服务】</span> <p class="ql-long-24357476"> 1. 学练结合:定期布置视频任务和编程实战练习:通过每天的视频任务统一大家的进度,以便同学更好的交流,针对每天的任务会有相应的编程实战练习,通过练习内化知识。<br /> 2. 分队PK:将就业营的同学分成几队,通过作业统计表统计每队提交作业情况进行PK,激发你的学习动力。<br /> 3. 助教讲师答疑:碰到任何问题,发到群里,助教和讲师十分钟内帮你解决问题,扫清学习中的障碍。<br /> 4. 助教点评讲解作业:你每天提交作业都会有助教进行点评,让你知道有什么问题怎么解决,每三天一次视频讲解作业,互动解答问题<br /> 5. 项目答辩:每个阶段学完会有项目答辩,通过做项目巩固前一阶段的知识点,锻炼编码能力。 </p> <p class="ql-long-24357476"> <img src="https://img-bss.csdnimg.cn/202007070905305336.png" alt="" /> </p> <p class="ql-long-24357476"> <span style="color:#337FE5;">【往期训练营学习展示】</span> </p> <p class="ql-long-24357476"> <img src="https://img-bss.csdnimg.cn/202007070914574571.png" alt="" /> </p> <p class="ql-long-24357476"> <span style="color:#337FE5;">【套餐内容简介】</span> </p> <p class="ql-long-24357476"> 本套课以市场就业和职位需求为核心,从JAVA入门到多领域实战,设计出学习路线,共分为二十大模块,分别是:JAVA面向对象、Object类与常用API、集合框架、IO流、反射注解、多线程与网络编程、Object类与常用API等等。 </p> <p> 同时采用理论讲解加实战演练的方式,既能让学员听懂听明白达到理解透彻,又能够在一个个真实实战案例中,让学员掌握真正有用的开发技能,从而进阶 JAVA 工程师! </p> <p> <br /> </p> <p class="ql-long-24357476"> 套餐中一共包含21门JAVA程,助你从零进阶JAVA工程师! </p> <p class="ql-long-24357476"> <span style="color:#337FE5;">阶段一:</span><span style="color:#337FE5;">JAVA</span><span style="color:#337FE5;">基</span><span style="color:#337FE5;">础</span> </p> <p class="ql-long-24357476"> 课程1:《极简JAVA学习营开营篇》 </p> <p class="ql-long-24357476"> 课程2:《极简JAVA:JAVA面向对象》 </p> <p class="ql-long-24357476"> 课程3:《极简JAVA:Object类与常用API》 </p> <p class="ql-long-24357476"> 课程4:《极简JAVA:集合框架》 </p> <p class="ql-long-24357476"> 课程5:《极简JAVA:IO流》 </p> <p class="ql-long-24357476"> 课程6:《极简JAVA:反射注解》 </p> <p class="ql-long-24357476"> 课程7:《极简JAVA:多线程与网络编程》 </p> <p class="ql-long-24357476"> <span style="color:#337FE5;">阶段二:</span><span style="color:#337FE5;">数据库入门</span> </p> <p class="ql-long-24357476"> 课程8:《极简JAVA:MySql数据库》 </p> <p class="ql-long-24357476"> 课程9:《极简JAVA:JDBC与连接池》 </p> <p class="ql-long-24357476"> <span style="color:#337FE5;">阶段三:</span><span style="color:#337FE5;">JAVA WEB</span> </p> <p class="ql-long-24357476"> 课程10:《极简JAVA:HTML5与CSS3》 </p> <p class="ql-long-24357476"> 课程11:《极简JAVA:极简JAVA十一:Javascript与Jquery》 </p> <p> 课程12:《极简JAVA:BootStrap》 </p> <p class="ql-long-24357476"> 课程13:《极简JAVA:JAVA Web》 </p> <p class="ql-long-24357476"> <span style="color:#337FE5;">阶段四:框架实战</span> </p> <p class="ql-long-24357476"> 课程14:《极简JAVA:Mavean入门》 </p> <p class="ql-long-24357476"> 课程15:《极简JAVA:MyBatis框架》 </p> <p class="ql-long-24357476"> 课程16:《极简JAVA:Spring框架》 </p> <p class="ql-long-24357476"> 课程17:《极简JAVA:Spring Mvc》 </p> <p class="ql-long-24357476"> <span id="__kindeditor_bookmark_end_251__"></span><span id="__kindeditor_bookmark_end_247__"></span>课程18:《极简JAVA:Oracle数据库》 </p> <p class="ql-long-24357476"> 课程19:《极简JAVA:Git入门》 </p> <p class="ql-long-24357476"> 课程20:《极简JAVA:Linux入门》 </p> <p class="ql-long-24357476"> 课程21:《极简JAVA:SpringBoot》 </p> <p> <br /> </p> <p class="ql-long-24357476"> <span style="color:#337FE5;">【课程特色】</span> </p> <p class="ql-long-24357476"> 1、易理解:讲师思路清晰、节奏明确、从易到难讲解透彻明白; </p> <p class="ql-long-24357476"> 2、知识全:知识全面系统,从JAVA入门到实战,由易到难,让你彻底掌握JAVA开发; </p> <p class="ql-long-24357476"> 3、重实战:涵盖大量实战项目,锻炼你的动手实操能力,面向工作编程; </p> <p> <br /> </p> <p class="ql-long-24357476"> <span style="color:#337FE5;">【面向人群】</span> </p> <p class="ql-long-24357476"> 1、在校计算机专业或者对软件编程感兴趣的学生; </p> <p class="ql-long-24357476"> 2、零基础想学JAVA却不知道从何入手 </p> <p class="ql-long-24357476"> 3、囊中羞涩,面对两万起的JAVA培训班不忍直视 </p> <p class="MsoNormal"> 4、在职没有每天大块的时间专门学习JAVA </p> </strong>
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页