【第22期】观点:IT 行业加班,到底有没有价值?

【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教程

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

相关文章推荐

chrome app 学习笔记 (1) --开发简介

最近无事,开始了期望已久的chrome插件学习之旅。 一:设计你的app 设计思想注意一下几个方面: 1,目标明确 2,大屏幕 3,用户体验丰富 4,外观飘浪 5,快速 二:编写你的app 你的程序有一下几种创建方式: 1,HTML+css+js 2,<span
  • mmdev
  • mmdev
  • 2012-08-01 21:53
  • 390

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

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

欢迎关注CSDN程序人生公众号

关注程序员生活,汇聚开发轶事。

Joda-Time 简介(引用) / 例子Example(自己)/ 官网例子

 官网地址: http://www.joda.org/joda-time/   引用自: http://www.ibm.com/developerworks/cn/java/j-jodatime.htm

廖雪峰的Python教程学习笔记一Python简介和基础语法

由廖雪峰的Python教程整理出来的Python简介和基础语法

redis学习笔记之简介

1.redis 是一目前非常流行的一款nosql 产品,以 key-value形式存储数据,有非关系,分布式,开源,可水平扩展等特点。为了保证速度,redis 缓存在内存中,也可以跟新到磁盘或追加记录文件。2.redis 优点  redis 事务简单  可以处理超大量的数据  可以运行在便宜的PC 上  性能好3.redis 数据类型<br
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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