Web基础网页的骨骼HTML

最新推荐文章于 2023-07-08 11:10:58 发布

NNNoah

最新推荐文章于 2023-07-08 11:10:58 发布

阅读量582

点赞数

分类专栏：学习-flask 文章标签： web html

学习-flask 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

转载自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颜色

十六进制：#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

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

NNNoah

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web基础网页的骨骼HTML

转载自Honlan的Github什么是HTML超文本标记语言：Hyper Text Markup Language这都不重要，重要的是： HTML是Web网页的基本组成部分 HTML中定义的元素，决定了网页的内容和结构Python：编程语言，编写程序 HTML：标记语言，像画画一样，画出网页的内容基本结构<!DOCTYPE html><html><head></head><body>
复制链接

扫一扫