http://blog.csdn.net/pipisorry/article/details/37726999

Introduction

HTML 指的是超文本标记语言: Hyper Text Markup Language。HTML 不是一种编程语言,而是一种标记语言,标记语言是一套标记标签 (markup tag)。
HTML 使用标记标签来描述网页。HTML 文档包含了HTML 标签及文本内容,HTML文档也叫做 web 页面

HTML文档的后缀名
    .html
    .htm
以上两种后缀名没有区别,都可以使用

Web浏览器

(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。

浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容是给用户。

HTML输出提醒

我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。

对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

<p>春眠不觉晓,处处闻啼鸟。夜来风雨声,花落知多少。
</p>输出:
春眠不觉晓,处处闻啼鸟。夜来风雨声,花落知多少。

Note:<pre>标签可以对空行和空格进行控制[HTML - 文本及其格式化]

浏览器中查看网页源代码

查看网页如何实现的。单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"。这么做会打开一个包含页面 HTML 代码的窗口。

可视化的HTML页面结构

<html>

<body>

<h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

</html>

某小皮

Html开发环境搭建

sublime text中调试

根据[Sublime功能拓展及插件]配置

在pycharm中调试html

在pycharm中运行时先选择要运行的浏览器

将运行时的地址http://localhost:0/pythonworkspace/HTML/test.html改为file:///E:/mine/pythonworkspace/HTML/test.html

按F10快捷键就可以调用浏览器看到刚才编写的html界面了。

或者打开用浏览器打开html文件后,按F5快捷键刷新。

html在线测试

html在线测试器

from:http://blog.csdn.net/pipisorry/article/details/37726999

ref:

HTML - html简介和开发环境搭建相关推荐

  1. 【菠萝狗四足机器人】二次开发教程--第一章 【简介与开发环境搭建】

    Py-apple Dynamics 简介与开发环境搭建 1 简介 1.1 何为 菠萝狗 和 Py-Apple Dynamics 1.2 目前支持的功能 2 开发环境搭建 2.1 硬件的搭建 2.1 软 ...

  2. TensorFlow深度学习应用开发实战(深度学习简介和开发环境搭建)

    一.深度学习的发展及其应用 1.1 深度学习的发展历程 1956年,John McCarthy(约翰·麦卡锡)等人在美国达特茅斯学院(Dartmounth College)开会探讨如何使用机器模拟人的 ...

  3. Python 简介及开发环境搭建

    Python简介 Python是一门动态解释性的强类型定义的计算机程序设计语言,是一种完全面向对象的语言,由荷兰人"龟叔"-Guido van Rossum于1989年开发,于19 ...

  4. java简介和开发环境搭建

    因为本人的Java一直以来水平都不怎么样,大一的时候只考了60分.所以在临近毕业的时候,我选择了重修Java,这些天正在慢慢的回顾Java,会到博客里面记录一些Java的知识,不为有多少人来看,只希望 ...

  5. 【ArcGIS Engine二次开发】入门基础(1):ArcGIS Engine简介及开发环境搭建

    文章目录 ArcGIS Engine概述 ArcGIS Engine与ArcObjects的关系 ArcGIS Engine下载及安装 ArcGIS Engine概述 ArcGIS Engine简介 ...

  6. Web笔记(一) Web 简介与开发环境搭建

    Web应用程序的工作原理 大多数的Web应用程序结构都是采用最为流行的B/S软件开发体系结构,将Web应用程序部署在Web服务器上,只要Web服务器启动,用户就可以通过客户端浏览器发送HTTP请求到W ...

  7. 前端简介以及开发环境搭建

    前端简介 1. 网页的特点 相较于传统的图形化界面,网页具有如下一些优点: 不需要安装 无需更新 跨平台 网页中使用的语言: HTML.CSS.JavaScript 2. 网页简史 蒂姆·伯纳斯·李爵 ...

  8. decawave1001-DEV简介开发环境搭建

    1.decawave1001-DEV简介 decvwave1001在1000模块的基础上上面增加了一颗nordic 的 nrf52832 ble芯片,使得decavave1001模块可以用手机通过蓝牙 ...

  9. uni-app简介、条件编译、App端Nvue开发、HTML5+、开发环境搭建、自定义组件、配置平台环境、uniCloud云开发平台

    uni-app简介 : 概述:uni-app是一个前端跨平台框架:会uni-app就可以用一套代码(类似vue语法)打包出安卓.ios.及各种小程序(微信.qq.支付宝等)端跨平台发布. 生态:完整的 ...

  10. 【游戏开发】基于VS2017的OpenGL开发环境搭建

    一.简介 最近,马三买了两本有关于"计算机图形学"的书籍,准备在工作之余鼓捣鼓捣图形学和OpenGL编程,提升自己的价值(奔着学完能涨一波工资去的).俗话说得好,"工欲善 ...

最新文章

  1. (CV方向)精通C++,该如何学?
  2. Cocos2dx源码记录(1) CCGLProgram
  3. 驳斥《沙盒用于数据防泄密是重大技术原理性失误》
  4. Remove Linked List Elements
  5. etc的常见算法_运用机器学习算法研究城市形态与户外温度之间的相关性
  6. html前台检验特殊字符正则,【Qt编程】html特殊字符及正则表达式
  7. 与 C++11 多线程相关的头文件
  8. 不同网站不同网卡_弄清高端网站建设的独特不同之处才能做好网站
  9. VS2012统计代码量
  10. pyqt 子窗口控制主窗口绘图_PyQtGraph如何关闭绘图窗口/关闭所有绘图窗口?
  11. 数论基础——扩展欧几里德算法解析
  12. 天视通电脑版APP怎么添加录像机_手机怎么远程连接海康录像机,手把手教你、、、...
  13. 转载 GIS的下个十年(Cary Mann, vice president, Bentley)
  14. AI能写论文了!华人本科生发明AI论文生成器
  15. 计算机桌面变窄,电脑桌面图标变小怎么调整
  16. 使用python制作epub
  17. 服务器重启后,docker安装的mysql怎么重启
  18. web服务器攻击的八种方式
  19. SpringBoot 接口加密解密,新姿势
  20. 银行转账java mysql_如何编写一个银行转账案例?

热门文章

  1. 一步步学习SPD2010--第九章节--使用可重用工作流和工作流表单(13)--修改任务表单...
  2. 【转】艺术设计、数字媒体、环艺、影视动画、摄影、广编专业…等…视频、教程、资讯、图库、作品汇总大全...
  3. [工作习惯]一种管理文献的方法,抛弃EndNote
  4. Matplotlib笔记(1)——文字、绘图、背景(颜色对照表)
  5. [导入]【布鲁斯威利斯】【虎胆龙威4最终珍藏版】【1024x432RMVB 1.41GB】【20:50】...
  6. HDU 1811 Rank of Tetris(并查集+拓扑排序 非常经典)
  7. Python学习之路-22 (面向对象特殊成员)
  8. discuz /faq.php SQL Injection Vul
  9. 为什么使用 adapter模式
  10. Python代码Linux