前端基础_1_html

各类格式速查列表:https://www.runoob.com/html/html-quicklist.html

< !DOCTYPE html> 声明为 HTML5 文档

声明为 HTML5 文档

< html> 元素是 HTML 页面的根元素

元素是 HTML 页面的根元素

< head> 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。

元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。

< title> 元素描述了文档的标题
< body> 元素包含了可见的页面内容
< h1> 元素定义一个大标题
< p> 元素定义一个段落

元素描述了文档的标题 元素包含了可见的页面内容 <h1> 元素定义一个大标题 <p> 元素定义一个段落 </p></h1>

< a href=“http://www.runoob.com”>这是一个链接
< img src="/images/logo.png" width=“258” height=“39” />

这是一个链接
img src="/images/logo.png" width=“258” height=“39” />

< p > 这是一个段落


< a href=“default.htm”> 这是一个链接
< br> 换行

这是一个段落

这是一个链接
换行

标题(Heading)是通过 < h1> - < h6> 标签进行定义的。
< h1> 定义最大的标题。 < h6> 定义最小的标题。
< hr> 标签在 HTML 页面中创建水平线。

标题(Heading)是通过 < h1> - < h6> 标签进行定义的。

定义最大的标题。

定义最小的标题。

标签在 HTML 页面中创建水平线。

< !-- 这是一个注释 -->

< b> 定义粗体文本
< em> 定义着重文字
< i> 定义斜体字
< small> 定义小号字
< strong> 定义加重语气
< sub> 定义下标字
< sup> 定义上标字
< ins> 定义插入字
< del> 定义删除字

定义粗体文本
定义着重文字
定义斜体字
定义小号字
定义加重语气
定义下标字
定义上标字
定义插入字
定义删除字

< head> 定义了文档的信息
< title> 定义了文档的标题
< base> 定义了页面链接标签的默认链接地址
< link> 定义了一个文档和外部资源之间的关系
< meta> 定义了HTML文档中的元数据
< script> 定义了客户端的脚本文件
< style> 定义了HTML文档的样式文件

定义了文档的信息 定义了文档的标题 定义了页面链接标签的默认链接地址 定义了一个文档和外部资源之间的关系 定义了HTML文档中的元数据 </meta></link></base>

< img> 定义图像
< map> 定义图像地图
< area> 定义图像地图中的可点击区域

定义图像
定义图像地图
定义图像地图中的可点击区域

表格
表格由 < table> 标签来定义。每个表格均有若干行(由 < tr> 标签定义),每行被分割为若干单元格(由 < td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
在这里插入图片描述

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

边框属性???

列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表使用 < ul> 标签
在这里插入图片描述

  • Coffee
  • Milk

同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 < ol> 标签。每个列表项始于 < li> 标签。列表项使用数字来标记。
在这里插入图片描述

  1. Coffee
  2. Milk

自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 < dl> 标签开始。每个自定义列表项以 < dt> 开始。每个自定义列表项的定义以 < dd> 开始。
在这里插入图片描述

Coffee
- black hot drink
Milk
- white cold drink

< ol> 定义有序列表
< ul> 定义无序列表
< li> 定义列表项
< dl> 定义列表
< dt> 自定义列表项目
< dd> 定义自定列表项的描述

布局
< div> 定义了文档的区域,块级 (block-level)
< span> 用来组合文档中的行内元素, 内联元素(inline)

在这里插入图片描述

在这里插入图片描述

表单:

表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 < form> 来设置:
在这里插入图片描述
文字域
在这里插入图片描述

First name:
Last name:

密码
在这里插入图片描述

Password:

单选按钮
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
传到另一个页面。即把响应内容传递到action
在这里插入图片描述

iframe多的框架页面用来显示其余的页面链接等
在这里插入图片描述

触发方法
在这里插入图片描述

html5
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值