Web基础网页的骨骼HTML

来源：互联网发布：大连交通大学网络编辑：程序博客网时间：2024/05/21 10:54

转载自Honlan的Github

什么是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>

元素的属性

<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颜色

十六进制：#FFFRGB：rgb(255, 255, 255)，rgba(255, 255, 255, 1)颜色名称：red，green，blue

DOM

文档对象模型：Document Object Model

HTML5

新标签：canvas、svg、audio、video、embedsvg：http://www.runoob.com/svg/svg-tutorial.htmlcanvas：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

Honlan的个人网站：http://zhanghonglun.cn/
雪晴数据网：http://www.xueqing.tv/course/73
毕业僧：http://www.biyeseng.cn/front/couinfo/34
研趣网：http://www.rinterest.cn/course/72
优酷：http://v.youku.com/v_show/id_XMTc1NDY1NjM2OA==.html?f=28356198&from=y1.7-3
腾讯：http://v.qq.com/vplus/334d685e3cea789f67d5bd9617482a49/foldervideos/1ad000101bqho2b
土豆：http://www.tudou.com/listplay/IstkSpQCB1o.html
爱奇艺：http://www.iqiyi.com/v_19ruejtj7x.html?list=19rrkraftq

阅读全文

0 0