【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学习笔记14.多进程和多线程

# -*- coding :utf-8  -*- #多进程 #Python中的多进程和c语言中比较相似,都是以调用fork()函数展开的 #fork()函数:子进程永远返回0,而父进程返回子进程的ID...

廖雪峰Python教程 学习笔记11 面向对象高级编程

1,_ slots_ (注意前后各有两个下划线)定义class时,用来限制class实例能添加的属性 class Animal(object): __slots__ = ('n...
  • the4U
  • the4U
  • 2016年10月24日 11:29
  • 207

廖雪峰python学习笔记——函数式编程

廖雪峰python学习笔记——函数式编程 变量可以指向函数 a=abs a(-2) #输出2 高级函数就是一个可以把一个函数当成参数的函数 def add(x,y,f): return f(x...

廖雪峰python学习笔记9:面向对象高级

#动态语言很方便,当我们定义了一个class的实例后 #可以给它绑定任何属性和方法,这就是动态语言的灵活性 class Student(object): pass #绑定各种属性 st = ...

廖雪峰Python教程学习笔记5-面向对象编程

面向对象编程——Object Oriented Programming,简称OOP,是一种程序设计思想。OOP把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数。数据封装、继承和多态是面向对...

廖雪峰python学习笔记2:表

# -*-coding: utf-8 -*- #Python内置的一种数据结构是列表:list。list是一种有序的集合,可以随时添加和删除其中的元素。 classmates = ['Mechael...

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

python学习笔记-函数

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

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

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

函数式编程就是一种抽象程度很高的编程范式,其一个特点是允许把函数本身作为参数传入另一个函数,还允许返回一个函数...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【Python】|廖雪峰官网学习笔记-HTML简介
举报原因:
原因补充:

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