HTML怎么空格?html空格

文章目录[隐藏]

HTML是超文本标记语言。

web标准是由W3C和其它标准化组织制成集合。

web标准的构成

结构(对网页元素进行整理和分类-HTML)

表现(设置网页元素的版式,颜色,大小等外观样式-CSS)

行为(模型的定义及交互的表现-JS)

HTML常用标签

加粗:<strong>和<b>

倾斜:<em>和<i>

删除线:<del>和<s>

下划线:<ins>和<u>

<div>分割分区<span>跨度跨距

图片标签<img/>

属性: src图片路径

alt替换文本,图片无法正常显示

title提示文本,鼠标放到图像显示

width宽度,height高度(只需要修改其中一个)

border边框(无需单位直接写数值)

注意:

①图像标签可以拥有多个属性,必须写在标签名后面

②属性之前不分先后顺序,标签名与属性,属性与属性之间需要空格分开

③属性采取键值对的格式

相对路径:以引用文件所在位置为参考基础

(同一级路径,下一级路径/,上一级路径../)

绝对路径:从盘符开始的路径(\)

常用属性

img ——vspace垂直边距 ,hspace水平边距 align对齐

details,summary,鼠标点击时显示或隐藏

mark 文本中高亮显示,和strong相似

cite 用于引用标记,斜体显示

draggable true选中后可以拖动操作

font定义 font-style font-weight font-size/line-height font-family 顺序不能改变

word-wrap break-word长单词或url地址自动换行

letter-spacing字间距

word-spacing单词间距

line-height行间距

text-decorantion文本装饰unline下划线,overline上划线,line-through删除线

text-indent 2em 首行缩进两个字符

white-space空白符处理 pre

box-sizing:content-box当widthh和height的时候不包括margin和panding

更换图层位置,z轴偏移z-index:-10

align-items:center居中对齐

align-self:center

超链接标签<a>

href链接目标地址

target链接页面打开的方式(_self当前窗口打开,_blank新窗口中打开方式)

外部链接,内部链接,空链接,下载链接,网页元素链接,锚点链接(快速定位到页面的某个位置- 添加id属性)

去除超链接样式:text-decoration:none

特殊字符

空格符 &nbsp;

小于号&lt; 大于号&gt;

表格标签

align对齐方式

bolder表格边框

cellpadding单元格与内容之间空白

cellspacing单元格与单元格之前空白

合并单元格:rowspan colspan

列表标签

无序列表:ul li

有序列表:ol li

自定义列表:dl dt dd

表单标签

完整表单:表单域<form>,表单控件,提示信息

<form>

——action(指定接受并处理表单数据的服务器程序的url地址)

——method(get/post设置表单数据的提交方式)

——name(指定表单名称)

<input>输入元素

type属性:button(点击按钮)checkbox(复选框)file(输入字段和“浏览”按钮)hidden(隐藏输入字段)image(图片形式提交按钮)password(密码字段)radio(单选按钮)reset(重置按钮)sumbit(提交按钮)text(单行输入字段,默认20个字符)

name属性:(相同的名字——单选框和复选框)区别不同表单元素

value属性:定义input元素值

checked属性:页面首次加载是否选中

maxlength属性:输入字段的最大值

<lable>标签

用于绑定一个表单元素,当点击<lable>标签内的文本时,浏览器会自动将焦点转到或者选择对应的表单元素上,用来增加用户体验。

<lable>标签的for属性与相关元素的id属性相同

<select>下拉列表元素

-<option>

-selected="selected"默认选中

<textarea>文本域

-cols rows (每行每列字数)

原创文章,作者:发布专员,如若转载,请注明出处:https://ziliaobaba.com/20611.html

(0)
发布专员发布专员
上一篇 2022年10月17日 10:39
下一篇 2022年10月17日 10:43

相关推荐

  • 七匹狼男装是什么档次(七匹狼男装官网旗舰店)

      对于许多七零后八零后来说,七匹狼是一个耳熟能详的名字,这个国产品牌的广告词也是相当如雷贯耳,“与狼共舞,尽显英

    2022年1月23日
  • 激活医保电子凭证的意义?平台激活医保凭证好处

    为进一步落实巩固脱贫攻坚成果有效衔接乡村振兴重点工作推进会精神,11月17日,淮南市文明办驻寿县双门街道乡村振兴工作队协同村干部在双居服务大厅为脱贫户集中开展电子医保卡激活活动,目的是方便脱贫户以后就医、…

    2021年11月18日
  • 油条怎么做?油条简单方便的做法

    今天就给大家分享我经常用的炸油条的做法和配方,炸出来的油条蓬松酥脆,个个鼓大泡,而且所用到的食材基本上家家都有,做法也很简单。下面一起来看看我是怎么炸油条的吧,喜欢的朋友也可以收藏试一下哦!   【…

    2022年12月4日
  • eve怎么玩?eve新手入门

    相信很多喜欢玩沙盒游戏的玩家,一定都听说过EVE手游吧,作为一款享誉世界级的硬核游戏的手游版本,这款游戏自从诞生以来就继承了EVE游戏的各种内容和优点,但一些小白在入坑这款游戏时,却会因为各种原因,从而被劝…

    2022年11月10日
  • 国产suv(好看的国产suv)

    【有车以后 导购】“内卷”是最近网络上特别流行一个词,一般用于形容某个领域中发生了过度的竞争,导致人们进入了互相倾轧、内耗的状态。实际上,现在汽车圈同样“内卷”,尤其是自主品牌之间,竞争越来越激烈了。一款…

    2022年10月3日
  • 冒险岛任务攻略解析(冒险岛航海攻略)

    阿里安特 1.巴一岚接【学习阿里安特的文化】跟着箭头去宫殿门外的河里取水,回去交任务接【阿里安特文化专家】   2.城里中间左边光圈进阿里安特民宅接西琳的三个任务,右边小房子有个【点击】点它一下交任务 &n…

    2022年11月26日
  • 煮鸡蛋怎么弄?怎样煮鸡蛋

    鸡蛋是我们生活中最常见的食物之一,鸡蛋营养价值丰富,含有优质的蛋白质和卵磷脂,每天吃一个鸡蛋能为身体补充营养,同时也为身体补充能量,那么,每天吃几个鸡蛋合适?如何挑选和存储鸡蛋?煮鸡蛋有什么技巧?今天…

    2022年12月6日
  • 白萝卜怎么做好吃家常做法?白萝卜怎么做菜才好吃

    做法1:羊肉炖白萝卜 准备食材如下:羊肉300克,姜1块,白萝卜1根,白酒20毫升,白胡椒粉1茶匙,枸杞2克,盐1茶匙,香葱1根 具体做法如下:姜切丝,白萝卜切块,羊肉切块,起锅中倒入清水,羊肉冷水下锅,加入白酒,…

    2022年12月13日
  • dnf移动角色指令怎么用

    DNF移动角色指令是一种用于在DNF游戏中移动角色的指令,它可以帮助玩家轻松地移动角色,从而更好地控制角色。DNF移动角色指令主要分为三种:移动,跳跃和跑步。移

    投稿 2023年2月21日
  • 垂盆草的功效与作用(垂盆草图片与功效)

    垂盆草,别名狗牙半支、养鸡草、瓜子草等。 是一种食用味美,药用功效多的好草。为多肉的一种,和吊兰一样可以生长出细长的枝条,枝条由盆中自然下垂,翠绿的一串串,长10~20cm,叶3片轮生。春末时分,还能看到开出…

    2023年1月12日