jgugugiug 发表于 2018-8-11 14:05:46

Python学习笔记__19.2章 HTML简介

  # 这是学习廖雪峰老师python教程的学习笔记
  1、基础的HTML架构
  <html>
  <head>
  <title>Hello</title>
  </head>
  <body>
  <h1>Hello, world!</h1>
  </body>
  </html>
  HTML文档就是一系列的Tag组成,最外层的Tag是<html>。规范的HTML也包含<head>...</head>和<body>...</body>(注意不要和HTTP的Header、Body搞混了),由于HTML是富文档模型,所以,还有一系列的Tag用来表示链接、图片、表格、表单等等
  2、CSS简介
  CSS是Cascading Style Sheets(层叠样式表)的简称,CSS用来控制HTML里的所有元素如何展现。
  1、标题元素<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>
  3、JavaScript简介
  JavaScript虽然名称有个Java,但它和Java真的一点关系没有。JavaScript是为了让HTML具有交互性而作为脚本语言添加的,JavaScript既可以内嵌到HTML中,也可以从外部链接到HTML中。
  1、如果我们希望当用户点击标题时把标题变成红色,就必须通过JavaScript来实现
  <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').style.color = '#ff0000';
  }
  </script>
  </head>
  <body>

  <h1>  </body>
  </html>
  4、详解文档
  HTML简介 (https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000/0014320122322996f770fbf5da84ead84a1731e1dde129f000)
页: [1]
查看完整版本: Python学习笔记__19.2章 HTML简介