今天要分享的内容是 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 编写的.
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 OS X
开发工具:
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
可以理解为绝对路径是全路径.
up 是一个从事前端开发 6 年的程序员, 在前端领域混了这几年, 总结了一套前端学习的精讲视频和学习路线, 如果有对前端开发感兴趣的伙伴, 不管你是想转行, 或是大学生, 还有工作中想提升自己能力的 Web 前端党, 欢迎大家的加入我的前端开发交流群: 603985993 希望大家诚心交流!, 与企业需求同步. 好友都在里面学习交流, 每天都会有大牛定时讲解前端技术!
来源: http://www.jianshu.com/p/ac89fbfbd8e7