什么是HTML
超文本标记语言:Hyper Text Markup Language
这都不重要,重要的是:
HTML是Web网页的基本组成部分
HTML中定义的元素,决定了网页的内容和结构
Python:编程语言,编写程序
HTML:标记语言,像画画一样,画出网页的内容
基本结构
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
常用标签
单标签、双标签
<meta charset="UTF-8"/>
<title>我是一个标题</title>
块级标签、內联标签
<h1>我是一号标题</h1>,块级
<h6>我是六号标题</h6>,块级
<p>我是一个默默无闻的段落</p>,块级
<a href="http://zhanghonglun.cn" target="_blank">带你去一个好地方</a>,内联
<img src="logo.png" width="200" height="200"/>,内联
<br/>
<div>我是块级元素</div>
<span>我是内联元素</span>
表格:table、tr、th、td
列表:ul、ol、li
下拉:<select><option></option></select>
元素的属性
id、class、style
<a href="#id">跳转到某个id的元素</a>
HTML注释
<!-- 这是一个注释 -->
表单
<form action="" method="post">
用户名 <input type="text" placeholder="默认文本" name="username"/>
密码 <input type="text" placeholder="密码" name="password"/>
一大段文本 <textarea rows="10" cols="10" placeholder="想说的话" name="content"></textarea>
<button type="submit">登陆</button>
</form>
input的type:button、checkbox、color、date、datetime、email、file、month、number、password、radio、range、submit、text、time
HTML颜色
十六进制:#FFF
RGB:rgb(255, 255, 255),rgba(255, 255, 255, 1)
颜色名称:red,green,blue
DOM
文档对象模型:Document Object Model
HTML5
新标签:canvas、svg、audio、video、embed
svg:http://www.runoob.com/svg/svg-tutorial.html
canvas:http://zhanghonglun.cn/blog/canvas初探:基本语法
新的语义元素:header、nav、section、article、aside、figcaption、figure、footer
新功能:元素拖放、地理定位、video、audio、更丰富的input type、Web存储(localStorage和sessionStorage)
HTML补充学习
http://www.runoob.com/html/html-tutorial.html