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

相关推荐

  • 不客气用英语怎么说?不客气的英文回答三种

    “不客气”用英语怎么说? 你知道用英语如何表达“不客气”吗?常用的方式有: 1. It’s a pleasure。别客气;我很荣幸。也可以用It’s my …

    2022年12月15日
  • dnf领主之塔在哪里?dnf领主之塔加点

    DNF领主之塔活已经开启啦!想要兑换领主之塔史诗装备的小伙伴们每天都能刷,材料噌噌噌就上去了。什么?你还不知道领主之塔活动?一起来看看吧! 一、每天领取之塔 活动期间,勇士们每天均…

    2022年10月13日
  • 陌上花开是什么意思?陌上花开前一句

    《陌上花》这首诗有很多人应该都多少听过。但是,全诗及诗中的故事知道的人相信不是很多,今天给大家介绍一下全诗及诗中的故事来龙去脉。   诗中的故事: 钱镠是五代时吴越国的建…

    2022年11月21日
  • uki是什么软件

    Uki:一款功能强大的图形设计软件 一、Uki简介 Uki是一款功能强大的图形设计软件,由Uki Technologies开发,是一款专业的设计软件,可以帮助用户快速创建出令人惊叹…

    投稿 2023年8月7日
  • 为什么百度网页打不开?手机百度网页打不开

    网站作为在网络上的标识,就和人的姓名一样。不过人的姓名可以重复,网站的域名是全球唯一的。 那么网站打不开到底有什么原因呢? 1、开发语言问题。拿php做比较。比如有同学开发网站的时…

    2022年11月29日
  • 普通话的手抄报大全图片(普通话手抄报图片)

    说好普通话,写好规范字是每一个学生都要做到的,它们都会运用在我们的生活中,如何做一份讲普通话写规范字的手抄报呢?下面就跟大家分享我们一年级孩子和家长一起制作的手抄报。 学校通过这次…

    2022年11月13日
  • 最伤心的歌曲(最伤感的情歌)

    有人说“苦难是艺术家的养料”,因为爱情中的分分合合,让他们写出了一首首脍炙人口的关于爱情的歌曲,盘点几首失恋时,适合一个人听的歌曲。 1、《一个人的旅行》 戴佩妮 我要一个人在希腊…

    2022年10月14日
  • 机箱声音大怎么降噪?降低机箱噪音方法

    不知道大家在使用台式电脑时,有没有遇到过电脑主机噪音很大的情况,出现这种问题我们应该尽快去解决,以免问题复杂化对主机造成无法挽回的损坏。 机箱声音大怎么降噪? 一、 如果是类似于嗡…

    2023年1月18日
  • 无线电是谁发明的

    我们经常看到战争片里有个发报员,”嘟嘟嘟”地发电报。也有很多人知道,SOS是求救信号。那么,大家知道电报是什么原理吗?哪些人对无线电报的发明有贡献呢?人们为什么把SOS作为求救信号…

    2023年10月29日
  • 鲽鱼的做法清蒸(鲽鱼的做法清蒸几分钟)

    鲽鱼营养价值非常高,含有丰富的蛋白质、多种维生素和多种人体所需的微量元素,而且脂肪含量较低。常吃鲽鱼可以补充维生素D,防止骨质疏松。鲽鱼中的卵磷脂也非常丰富,可以防止大脑功能衰退、延缓衰老。另外

    2022年1月2日