前端基础到进阶(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 lang="en">

<meta charset="gb2312" />

<title>标题</title>

</head>

<body></body>

</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>

<p></p > 段落标签,换段 <p>床前明<br/>疑是</p >

<br/> 换行标签,但是换行 <p>床前明<br/>疑是</p >

<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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值