HTML入门教程 - 1.准备开始
2013-08-05 21:59
211 查看
学习前端最主要的事情就是在于HTML注重含义和CSS注重表现形式。
HTML注重的是内容,反而CSS将是促进HTML视觉的变化形式。
你可能会在其他地方上找到不同的介绍方式但是本博客将会专注于Best Practice从一开始就开始从开始到最后获得一个最好的界面效果。
HTML文件将和简单的test文件没有任何区别,开始书写HTML文件需要拥有一个简单的文本编辑器。
输出下面的代码在你的文本编辑器:
然后创建一个文件夹命名为"html"保存在你的电脑上然后保存这个文本文件为"firstpage.html".
注意:
请特别注意保存为".html"后缀因为有一些的文本Notepad编辑器将自动的保存为".txt"后缀。
你同时需要保证你的文件是保存为"纯文本“。如果是Mac OSX的电脑编辑器"TextEdit",将会将新文件保存为”富文本“。富文本默认将包含大部分的额外格式。在这种情况下,需要在编辑前保证你的文本将是选择为”纯文本"
其实HTML文件并不需要在网络来访问.开启一个像 Chrome, Firefox, Safari or Internet Explorer 这样的网络浏览器在浏览器地址栏,大家经常输入的是网络地址。但是大家可以输入像这样的地址温江("c\html\firstpage.html")然后按回车。或者,在浏览器中打开文件然后选择打开来浏览这个文件。
HTML注重的是内容,反而CSS将是促进HTML视觉的变化形式。
你可能会在其他地方上找到不同的介绍方式但是本博客将会专注于Best Practice从一开始就开始从开始到最后获得一个最好的界面效果。
网页是什么?
网页就是一大堆目录文件,这将和你电脑中的网页文件没有任何区别。HTML文件将和简单的test文件没有任何区别,开始书写HTML文件需要拥有一个简单的文本编辑器。
Notepad的介绍:
Notepad是一个公共的windows编辑器:输出下面的代码在你的文本编辑器:
This is my first web page "bestsg"
然后创建一个文件夹命名为"html"保存在你的电脑上然后保存这个文本文件为"firstpage.html".
注意:
请特别注意保存为".html"后缀因为有一些的文本Notepad编辑器将自动的保存为".txt"后缀。
你同时需要保证你的文件是保存为"纯文本“。如果是Mac OSX的电脑编辑器"TextEdit",将会将新文件保存为”富文本“。富文本默认将包含大部分的额外格式。在这种情况下,需要在编辑前保证你的文本将是选择为”纯文本"
其实HTML文件并不需要在网络来访问.开启一个像 Chrome, Firefox, Safari or Internet Explorer 这样的网络浏览器在浏览器地址栏,大家经常输入的是网络地址。但是大家可以输入像这样的地址温江("c\html\firstpage.html")然后按回车。或者,在浏览器中打开文件然后选择打开来浏览这个文件。
相关文章推荐
- python爬虫入门教程(一):开始爬虫前的准备工作
- jQuery 入门教程(12): HTML Get
- MATLAB 入门教程四:控制流 取自http://www.matlabsky.com/forum-viewthread-tid-17680-fromuid-88314.html
- OpenGL 入门教程 - 准备好OpenGL(1)
- Systemd 入门教程:命令篇 转载网址http://www.ruanyifeng.com/blog/2016/03/systemd-tutorial-commands.html
- 免费编程入门教程资源推荐搜集,分享给想开始学习程序开发的同学
- HTML 入门教程
- 【闭关0】准备开始入门数据挖掘
- HTML 30分钟入门教程
- html入门教程(一)html文档结构与头部标签。
- Hibernate开发教程(2):准备开始
- python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
- html快速入门(基础教程+资源推荐)
- HTML 30分钟入门教程
- Ansible-Tower快速入门-2.准备开始【翻译】
- IOS编程浅蓝教程(一)先决条件:开始iOS编程的必要准备
- HTML入门教程 - 9.关于图片(Images)
- 韩顺平_php从入门到精通_视频教程_第2讲_html运行原理②_html文件基本结构_html元素和属性_学习笔记_源代码图解_PPT文档整理
- PyQt4入门教程(1)_PyQt介绍及准备工作
- iPhone开发入门系列教程-第一课:开发准备及开发者帐号(idp)申请流程