【Python】|廖雪峰官网学习笔记-HTML简介

原创 2016年08月29日 10:35:03

Web 开发—HTML简介


HTML

HTML定义了一套语法规则,用来告诉浏览器如何显示我们所见的网页页面。

先看一个最简单的HTML文件例子:

<html>
<head>
  <title>Hello</title>
</head>
<body>
  <h1>Hello, world!</h1>
</body>
</html>

可以看出,HTML文档就是一系列的Tag组成,最外层的Tag就是< html >。规范的HTML也包含<head>...</head><body>...</body>,由于HTML是富文档模型,还有一系列的Tag表示链接、图片、表格、表单等。


CSS简介

CSS叫做层叠样式表(Cascading Style Sheets),用来控制HTML里的所有元素如何展现。例如,给标题元素<h1>加一个样式,编程48号字体,灰色,带阴影。

<html>
<head>
  <title>Hello</title>
  <style>
    h1 {
      color: #333333;
      font-size: 48px;
      text-shadow: 3px 3px 3px #666666
    }
  </style>
</head>
<body>
  <h1>Hello,world!</h1>
</body>
</html>

两者的对比如图:
前面两个html的对比


JavaScript 简介

JavaScript是为了让HTML具有交互性而作为脚本语言添加的,它能够内嵌到HTML中,也可以从外部链接到HTML中。例如,点击标题时将标题变成红色:

<html>
<head>
  <title>Hello</title>
  <style>
    h1 {
      color: #333333;
      font-size: 48px;
      text-shadow: 3px 3px 3px #666666;
    }
  </style>
  <script>
    function change() {
      document.getElementsByTagName('h1')[0].style.color = '#ff0000';
    }
  </script>
</head>
<body>
  <h1 onclick="change()">Hello, world!</h1>
</body>
</html>

添加了JavaScript语句,点击后的效果


总结
Web开发,对HTML、CSS、JavaScript都有一定的要求。其中HTML定义了页面的内容,CSS控制页面中元素的样式,JavaScript负责网页的交互逻辑。

廖雪峰老师推荐了一个网站:学习HTML、CSS、JavaScript

内容来自:廖雪峰老师的Python教程
推 荐: 廖雪峰老师的JavaScript教程

版权声明:欢迎转载,请注明出处。

相关文章推荐

【Python】|廖雪峰官网学习笔记-HTTP简介

Web 开发—HTTP协议简介HTTP协议 HTML是一种用来定义网页的文本,HTTP是在网络上传输HTML的协议,用于浏览器和服务器的通信。

【Python】|廖雪峰官网学习笔记-WSGI接口

本帖来自廖雪峰官网Python教程 Web开发 WSGI接口一个web应用的本质: 1. 浏览器发送 HTTP Request 2. 服务器收到请求,生成HTML文档 3. 服...

廖雪峰python学习笔记4:高级特性

# -*- coding: utf-8 -*- #切片 #如何取一个list或tuple的部分元素? #和切片一比,循环很麻烦 L = ['Michael', 'Sarah', 'Tracy', '...

廖雪峰的Python学习笔记二-函数

python学习笔记-函数

廖雪峰Python教程学习笔记4-函数式编程

函数式编程就是一种抽象程度很高的编程范式,其一个特点是允许把函数本身作为参数传入另一个函数,还允许返回一个函数

廖雪峰python学习笔记7:函数

#python有很多内置函数 #如abs(), max(1,2,3,4), int('123'), float('12.34'), #str(12.3), bool(1), hex() #定义函数 ...

廖雪峰python学习笔记15.正则表达式入门

# -*- coding:utf-8 -*- #正则表达式是一种用来匹配字符串的强有力的武器 #用\d可以匹配一个数字,\w可以匹配一个字母或数字 """ '00\d'可以匹配'007',但无法匹...

[廖雪峰 - Python2.7教程] 返回函数 - 学习笔记

在廖雪峰Python2.7教程的返回函数一节中,提到了闭包并举了这么一个例子:def count(): fs = [] for i in range(1, 4): de...

廖雪峰python学习笔记8:面向对象初步

#! /usr/bin/env python3 # -*- coding: utf-8 -*- #创建对象与多态: class Animal(object): def run(self): ...

廖雪峰python学习笔记10&&11:容错处理与文件读写

# -*- coding: utf-8 -*- #错误应该有很多种类,如果发生了不同类型的错误,应该由不同的except语句块处理。 #没错,可以有多个except来捕获不同类型的错误: try: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)