用于表示盒子的html标记是,前端知识总结(一)HTML

:每一行的每一个单元格

933fc89a040437922d1b109b957151db.png

表单

1.:表单类型的标签有很多,最外层都要有一个form标签,意义是将内部的标签定义为同一个表单,这样才可以使用提交/重置按钮,action属性定义了用来处理输入数据的脚本的服务器页面。因此,下面的表单元素在没有form标签时实际也是可以使用的

2. 输入框:

type=text时为文本框

type=password时为密码框,即无法看到输入的内容

3. 文本域:

文字

文字会出现在文本编辑区内作为提示性文本

4. 按钮:

submit表示提交按钮

reset表示重置按钮

5. 单选框和复选框:

radio表示单选框,checkbox表示复选框

单选的name值要相同,复选的可以不同

若某一个选项中checked=”checked”,则该项为默认选项

value为选择框会传回后端的值,因此要为每个选项设置不同value值

:与单选框和复选框一起使用,for属性的值取为表单中某个选项的值,则点击label中文字的时候会选中这个选项。

6. 下拉列表

selected="selected"的那一项为默认选择且显示

添加了disabled的那一项无法选中

超链接

href属性表示跳转到的地址,有三种情况:

网址

本地目录

#,表示无效的超链接。在后期要为此处添加链接时,前期可以先使用#作为占位

target属性表示打开该地址的方式,取值为_blank时会在新的页面中打开超链接。默认在当前页面打开

图片

%E5%9B%BE%E7%89%87%E8%B7%AF%E5%BE%84

图片的路径可以是本地目录也可以是网址,当图片找不到时会显示alt中的文字

功能性标签

:头部元素的容器

rel="stylesheet" href="css路径">:引入CSS样式文件

:在页面中书写内嵌样式

:引入JS脚本文件,或是书写内嵌JS脚本

script标签可以放在head标签中,也可放在body标签中。推荐放在body标签中,这样可以避免进行DOM操作时页面尚未渲染的问题

默认情况下,解析script标签时其他内容的解析将停止

在script标签中有 defer属性时,页面完成解析后脚本才开始解析

在script标签中有aysnc属性时,脚本与页面同时解析,但脚本解析完后将执行

:定义网页标题

:提供有关页面的元信息(meta-information)

常用的有下面这些:

:指明了编码方式

:content内容是向搜索引擎提供的关键字

:content内容是告诉搜索引擎网站的主要内容(被搜索时会显示)

viewport参数含义:

width:宽度(数值 / device-width)(默认为980 像素)

height:高度(数值 / device-height)

initial-scale:初始的缩放比例 (范围从>0 到10)

minimum-scale:允许用户缩放到的最小比例

maximum-scale:允许用户缩放到的最大比例

user-scalable:用户是否可以手动缩 (no,yes)

:网页中其他地址将从给出的基本url下寻找相对url

其他

元素嵌套规则

前面已经说过,元素分为块级元素(block)和行内元素(inline),在元素嵌套中:

块级元素可以包含行内元素,但不一定能包含块级元素(如p,h标签内部不能包含块级元素)

行内元素一般不能包含块级元素。a元素内部可以嵌套块级元素,因为在检查嵌套关系时会自动跳过a标签

src和herf的区别

src是source的缩写,表示引用资源替换当前内容

herf是Hypertext Reference的缩写,表示超文本引用,用于在当前文档和引用资源之间建立联系

浏览器解析到src时会停止其他资源的处理,直接将该资源处理完毕,而对herf不会

标签自闭和

通常,一个标签的尖括号内最后一个字符为斜杠 /

但根据最新的HTML5规定,形如

1304683644585021440.htm

、这样的标签,标签内部是没有内容的(对于img标签,图片是属性而不是内容),在以前版本的HTML中,img标签是这样写的

1304683644585021440.htm,但现在不需要了,写为

1304683644585021440.htm足矣。

以上

版权所有 IT知识库 CopyRight © 2000-2050 IT知识库 IT610.com , All Rights Reserved.

京ICP备09083238号

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值