19 Web基础 网页的骨骼HTML

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值