html div 10,Day10:html和css

标题图

Day10:html和css

标题

段落

HTML 是用来描述网页的一种语言，超文本标记语言，不是一种编程语言，而是一种标记语言，是一套标记标签，使用标记标签来描述网页。

HTML 标签

HTML 文档描述网页

与 描述网页

与

标题

与

段落

HTML 标题

-

HTML 段落

标签

HTML 链接

标签

HTML 图像

标签

HTML 元素语法

以开始标签起始，以结束标签终止，某些 HTML 元素具有空内容，大多数 HTML 元素可拥有属性。

元素

元素

定义标题的开始

class 规定元素的类名

id 规定元素的唯一 id

style 规定元素的行内样式

定义居中的内容。

和 定义 HTML 字体。

和 定义删除线文本

定义下划线文本

align 定义文本的对齐方式

bgcolor 定义背景颜色

color 定义文本颜色

HTML 链接 - target 属性

target="_blank"

name 属性规定锚(anchor)

是空标签

表格

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

Row 1, cell 1

Row 1, cell 2

无序列表

• 1
• 2

有序列表

1. 1
2. 2

和

header 定义文档或节的页眉

nav 定义导航链接的容器

section 定义文档中的节

article 定义独立的自包含文章

aside 定义内容之外的内容

footer 定义文档或节的页脚

details 定义额外的细节

iframe 的语法

HTML 头部元素

标签定义文档的标题Title of the document

标签为页面上的所有链接规定默认地址或默认目标(target)

标签定义文档与外部资源之间的关系

body {background-color:yellow}

p {color:blue}

标签提供关于 HTML 文档的元数据

元素

统一资源定位器

URL 称为网址

http 超文本传输协议

https 安全超文本传输协议

ftp 文件传输协议

声明帮助浏览器正确地显示网页

什么是 Canvas？

// 使用 JavaScript 在网页上绘制图像

var c=document.getElementById("myCanvas");

var cxt=c.getContext("2d");

cxt.fillStyle="#FF0000";

cxt.fillRect(0,0,150,75);

html5新标签

Demo

header {

width: 200px;

height: 100px;

background-color: red;

}

nav {

width: 300px;

height: 100px;

background-color: pink;

}

上

12

Demo

fieldset {

width: 300px;

}

登录

用户名：

密码：

// 表单

Demo

用户名：

上传头像：

昵称：

// 视频

Demo

// 视频

DemoDemo

p::selection { /*选择文字时候的状态*/

background-color: pink;

color: yellow;

}

中国

// 表单

学生档案

姓名:

手机号:

邮箱:

所属学院:

学院

学院

学院

学院

出生日期:

成绩:

毕业时间:

效果

效果

如果看了觉得不错

点赞！转发！

达叔小生：往后余生，唯独有你

You and me, we are family !

90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通

简书博客： 达叔小生

https://www.jianshu.com/u/c785ece603d1

结语

下面我将继续对 其他知识 深入讲解 ，有兴趣可以继续关注

小礼物走一走 or 点赞