摘要：HTML、CSS、JavaScript的简单介绍。

*写在前面：为了更好的学习python，博主记录下自己的学习路程。本学习笔记基于廖雪峰的Python教程，如有侵权，请告知删除。欢迎与博主一起学习Pythonヽ(￣▽￣)ﾉ *

Web开发

HTML简介

HTML（HyperText Markup Language），即超文本标记语言，是一种用于创建网页的标准标记语言。

HTML定义了一套语法规则，使得网页能够呈现出图片、视频、动画效果等丰富的界面。

下面我们编写一个最简单的HTML：



  第一个HTML


  Hello, world!

用<>括起来的关键字我们称之为HTML标签（HTML tag），比如。

tag通常是成对出现的，比如和>

在tag对中，第一个tag为开始标签，第二个tag为结束标签。在两个标签之间输入内容。

下面解释一下上例中几个标签的含义：

是HTML页面的根元素；
表示页面所含有的头部信息；
</code>表示页面的标题;<br> <code><body></code>表示页面的正文；<br> <code><h1></code>定义一个大标题</p> <p>我们可以直接在文本文档中编写HTML，然后保存为<code>第一个HTML.html</code>，就可以直接用浏览器打开了。<br> </p> <div class="image-package"> <div class="image-container" style="max-width: 562px; max-height: 252px;"> <div class="image-view"> </div> </div> <div class="image-caption"> 第一个HTML.png </div> </div> <p></p> <p>可以看到，网页的标题就是标签<code><title></code>包含的内容，而正文就是标签<code><body></code>包含的内容。</p> <h2>CSS简介</h2> <p><strong>CSS（Cascading Style Sheets）</strong>是层叠样式表的意思。CSS的作用是控制HTML元素的展现形式，比如我们给标题<code><h1></code>加一个样式,变成50号字体，蓝色，带阴影：</p> <pre><code><html> <head> <title>第一个HTML

`Hello, world!`

效果显示：

CSS_HTML.png

JavaScript简介

JavaScript 是一种轻量级的编程语言，可以内嵌或外部链接到HTML中，使得HTML具有交互性。比如我们希望用户点击标题后，标题的颜色变为红色，就必须通过JavaScript来实现：



  第一个HTML
  
  


  Hello, world!

点击标题后效果如下：

JavaScript_HTML.png

小结

这里对HTML、CSS、JavaScript做了简单的介绍。

要你学Python是为了走Web开发方向的话，精通HTML、CSS和JavaScript是必须的。

这里推荐一个关于Web开发的在线学习网站：W3school。

以上就是本节的全部内容，感谢你的阅读。

下一节内容：Web开发之 WSGI接口

有任何问题与想法，欢迎评论与吐槽。

和博主一起学习Python吧(￣▽￣)~*

【Python入门】46.Web开发之 HTML简介

目录

Web开发

HTML简介

Hello, world!

`Hello, world!`

JavaScript简介

Hello, world!

小结

你可能感兴趣的:(【Python入门】46.Web开发之 HTML简介)