前端基础到进阶（1）：HTML基础入门

今天要分享的内容是HTML的基础，但是我觉得有必要先聊一聊我们学习的这个东西是什么？软件是什么意思？

what is 软件？

软件是与计算机系统操作有关的程序、规程、规则及任何与之有关的文档及数据的完整集合。

一：软件分为两大类：

B/S软件

C/S软件

其中呢，B/S代表的就是Web(浏览器端)/Server（服务端）；C(客户端)/S(服务器端)代表的就是Client/Server

二：软件的Lamp和Wamp环境

主要区别就是：Lamp是在linux环境，wamp是windows环境

Lamp：linux+apache+mysql+php的缩写

wamp：windows+apache+mysql+php的缩写

为什么学习HTML？学了能做些什么？

HTML：超文本标记语言(Hyper Test Markup Language)的缩写，HTML不是一种编程语言，而是一种标记语言，描述网页的语言。

HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。

自己是从事了五年的前端工程师，自己整理了一份最全面前端学习资料，
从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴，需要可以私聊我哟，这是我的前端开发qun，【六零三】【九八五】【九九三】，直接群里下载，对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以问我

那么我们掌握了它可以做一些什么呢？例如我们看到的官方企业站/微信小程序/微信公众号都是实际都是HTML编写的。

HTML的构成

<!DOCTYPE html>

<html>

</head>

</html>

注释：

1.<title>，是网页标题

2.标题<head>标题<title>

3.<meta charset="UTF-8">----修改编码格式，防止乱码

4.标题之后，是内容。 <body>是文档内容.

开发环境及其开发工具

开发环境：windows linux Mac OSX

开发工具：

DreamweaverEclipseFrontPage WebStorm...

WebStorm优点：智能的代码补全、代码提示、自动保存。

（Dreamweaver最早我开发就是用的这个，中文名字叫做梦想编织)

HTML基本标签

<h1>~~<h6> 标题的大小字号-h1大号字 <h1>静夜思</h1>

<hr/> 水平线标签 <hr/>

<em>...</em> 斜体 <em>举头望明月</em>

<strong>...</stong> 字体加粗 <strong>低头思故乡</stong>

<br/> 和 <hr/>---单标记，只有一个就有作用。

路径

路径(统一资源定位符),在编程中路径分为两种，一种叫相对路径一种叫绝对路径

c:\1\2\3\4.txt

c:\1\2\3\5.txt

相对路径:5.txt

绝对路径: c:\1\2\3\5.txt

可以理解为绝对路径是全路径。

前端基础到进阶（1）：HTML基础入门相关推荐

【前端词典】进阶必备的网络基础（下）
前言在上一篇我提到了前端面试频率较高的几个网络基础知识,这一篇我会把上一篇遗留的五个尽力讲清楚.如果还没有来得及看上一篇,那么现在可以一起看. 目录接下来我会讲以下内容: 五类 IP 地址跨域的 ...
写给前端的算法进阶指南，我是如何两个月零基础刷200题等推荐
大家好,我是若川. 话不多说,这一次花了几小时精心为大家挑选了20余篇好文,供大家阅读学习.本文阅读技巧,先粗看标题,感兴趣可以都关注一波,一起共同进步. 前端从进阶到入院作者ssh就职于字节跳动基 ...
linux运维基础进阶和shell入门,Linux运维工程师从基础到进阶：Shell变量知识梳理...
原标题:Linux运维工程师从基础到进阶:Shell变量知识梳理 Shell是一个用C语言编写的程序,它是用户使用Linux的桥梁.Shell既是一种命令语言,又是一种程序设计语言,涵盖的知识点多且杂 ...
0基础如何自学Java（从入门到精通）
如果你想自学 Java,认真看完本文,你以后的职场生涯至少少走1年弯路. 行业现状 ==== 程序员现状由于程序员的薪水比较高,最近几年有很多其他专业的人涌进了程序员行业,加速了这个行业的内卷,但是 ...
计算机编程书籍-笨办法学Python 3：基础篇+进阶篇
编辑推荐: 适读人群 :本书适合所有已经开始使用Python的技术人员,包括初级开发人员和已经升级到Python 3.6版本以上的经验丰富的Python程序员. "笨办法学"系列, ...
python自学需要哪些基础知识-零基础学Python应该学习哪些入门知识及学习步骤安排...
众所周知,Python以优雅.简洁著称,入行门槛低,可以从事Linux运维.Python Web网站工程师.Python自动化测试.数据分析.人工智能等职位!就目前来看,Python岗位人才缺口高达4 ...
简明python教程豆瓣-福利分享：个人整理的Python书单，从基础到进阶
原标题:福利分享:个人整理的Python书单,从基础到进阶我挑选的一些书籍,大家可以自行到书店或是网上自己选购.也由于个人水平有限,很可能大家觉得优秀的书籍没有列出,如果大家有觉得不错的书籍,欢迎大 ...
python基础教程教材-最好的Python入门教材是哪本？
Python教程领到手,学习不用愁!领作为一门编程语言,Python是属于入门比较简单的.所以身边不少人都选择了自学Python,而且网上相关资料也有很多,知识兔分享大量的Python教学课程,基本 ...
python自学步骤-零基础学Python应该学习哪些入门知识及学习步骤安排
众所周知,Python以优雅.简洁著称,入行门槛低,可以从事Linux运维.Python Web网站工程师.Python自动化测试.数据分析.人工智能等职位!就目前来看,Python岗位人才缺口高达4 ...

前端基础到进阶（1）：HTML基础入门

前端基础到进阶（1）：HTML基础入门相关推荐

最新文章

热门文章