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

相关推荐

  • qq截图怎么用?qq部分截图

    电脑的快捷键有很多,而且不常用的话还不知道!例如QQ截图,还停留在聊天框内截图吗?如果没有在使用QQ聊天,但是又需要截图的时候,还要打开聊天框使用鼠标进行截图,这样多麻烦呀!QQ截…

    2022年12月13日
  • 什么笔记本电脑好性价比高?比较耐用的笔记本电脑

    1.联想笔记本ThinkPadP15v(02CD) 价格:7999元 点评:ISV专业认证,保障工作站PC在运行相关专业类软件的过程中在稳定性、流畅性与应用性等维度上达到更优化的操…

    2022年12月26日
  • windows7什么杀毒软件好?win7杀毒软件推荐

    常在网上飘,哪有不中招!所以安装一款杀毒软件还是很有必要的,虽然微软的 Windows Defender 免费杀毒已经满不错的了,但是缺点就是太占用资源,以及一些 XXX 补丁之类…

    2022年10月10日
  • 关于盗墓的电影有哪些?盗墓系列的电影

    “人点烛,鬼吹灯”据说,进入古墓,先在东南角点燃一支蜡烛,然后开棺,如果蜡烛熄灭,须速速退出,不可取一物。相传这是祖师爷所定的一条活人与死人的契约,千年传承,不得破。 正所谓,与天…

    2022年10月8日
  • 视网膜屏幕(视网膜屏幕笔记本)

    视网膜屏幕什么意思 视网膜屏幕和oled屏幕的区别 视网膜屏幕是分辨率超过人眼识别极限的高分辨率屏幕,是由苹果公司在2010年iPhone 4发布会上首次推出的营销术语。下面小编给…

    2022年10月18日
  • 代购是怎么赚钱的?代购主要赚钱

    我这里说的代购呢,是自己往返两地之间,货都是从免税店出来的,这样才能保证自己的货是正品,客户买着放心,用着舒心。 大家都知道代购赚钱,那他们是怎么赚钱的呢?明明代购的货和免税店上的…

    投稿 2021年11月10日
  • 重置网络命令?win10重置网络命令

    当我们使用计算机时,我们经常遇到很多问题,如网络问题,蓝屏问题等?以下小系列为您带来了详细的解决方案,来看! 重置网络命令: 1.同时按键盘上的[WIN] + [R],打开命令窗口…

    2021年11月16日
  • 风扇转速调节软件哪个好用?风扇转速设置

    调教风扇,可以说是最吃力、但未必讨好的事情了,每次都要重启进BIOS,一把把的调,不满意再来。完了之后也可能换不来什么性能提升(水冷除外),只图个安宁。 有没有什么软件,可以直接在…

    2022年11月21日
  • 好用的lol加速器(免费国际服手游加速器)

      腾讯2021年游戏安全月活动推出,玩家可以在活动时间内进行一次免费改名,接下来为大家带来详细内

    2022年1月15日
  • 鼠标右键快捷键

    鼠标右键快捷键==================== ## 什么是鼠标右键快捷键 鼠标右键快捷键是一种操作技巧,可以让用户更快捷地使用鼠标右键。它可以让用户通过组合键来操作,而不…

    投稿 2023年7月6日