

首页  思维导图  详情



HTML

2020-02-21 10:25:40   0  举报





AI智能生成

html入门教程

html

web前端

软件开发

模版推荐

作者其他创作

大纲/内容

前言

HTML

定义网页的内容

CSS

定义网页的表现

JavaScript

定义网页的行为

简介

Hyper Text Markup Language

功能

在线发布文本、图片、列表、表单等

通过超链接访问在线资源

创建表单收集用户输入

包含多媒体

基础

标签和元素

内容

标签嵌套

属性

自封闭标签

<br />

<hr />

元素类型

块级元素

行内元素

基本框架

文档声明HTML 5

<!DOCTYPE html>

主体

头部

正文

语义标题

h5等于普通文字，只是有加粗显示

段落

paragraph标签

换行

<br>

break标签

注释

空格

&nbsp;

链接

标签 <a>

属性

链接目标：href

绝对链接 http://

新窗口

鼠标中键

当前窗口

相对链接

平级目录

不写位置

下级目录

目录/

上级目录

../

/页面

根目录

邮件链接 mailto：

锚点链接 #id

一个页面链接在一个页面里边

<a href="#id">返回位置标签</a>

文本格式化

<b>

<em>

<i>

<small>

<ins>

<del>

<abbr>

<code>

图片

标签：<img>

源 src=""

Source

替换文本 alt=""

鼠标经过显示文字 title=""

所有元素可用

尺寸 width/height=""

图片占位符

temp.im

lorempixel.com

表格 <table>

属性

边框 border

"1"和"0"有和无

内间距 cellpading

内容到边框的距离

cellpadding="5"

单元格间距 cellspacing

单元格之间的距离

cellspacing="5"

表头行 thead

表体 tbody

行 tr

单元格表头th

单元格 td

rowspan 跨行

colspan 跨列

列表

无序列表

Unordered list

List

有序列表

Ordered list

定义列表

Definition list

标题 dt

描述 dd

表单

功能：收集用户输入或选择的信息

标签： Form

提交行为地址 action

#或默认为空

/reg/

方法 method

get(默认）

post

输入元素

文本标签

for=“”跟谁一组

文本字段

密码框

单选按钮

选择状态 checked="checked"

复选框

选择状态 checked="checked"

文件选择框

文本区域

列数： cols

行数： rows

选择框（下拉列表）

选项

值：value

选择状态 selected="selected"

按钮

提交

重置

按钮

高级

文档类型声明

html5: <!DOCTYPE html>

html4:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN "http://www.w3.org/TR/html4/strict.dtd">

...

头部

标题 <title>

根地址 <base href="url">

网站的根域名

链接 <link href="url" rel="stylesheet">

样式块 <style></style>

脚本块 <script>

src="**.js"

type="text/javascript"

h5省略

元数据 <meta>

charset="utf-8"

Emmet（插件）

Ctrl+E

成对出现

html:5+Ctrl+E

生成html标准文档

lorem+Ctrl+E/Tab

自动生成一个段落

p*20>lorem+Ctrl+E

生成20个段落

p>b>+Ctrl+E

生成两对标签

Ctrl+/

注释

tr*2>td*3+Ctrl+E

创建两行三列表格

 Collect

Get Started

HTML（上）

 Collect

Get Started

HTML

 Collect

Get Started

html解析流程

 Collect

Get Started

HTML请求到数据库完整流程





0 条评论

下一页