HTML - html简介和开发环境搭建

http://blog.youkuaiyun.com/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.youkuaiyun.com/pipisorry/article/details/37726999

ref:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值