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年12月16日
  • 宝宝睡觉前大哭是为什么?宝宝每天睡觉前都哭闹解决办法

    小宝宝们都会经常的哭闹,因为在孩子会说话之前,哭闹就是宝宝向父母传递信息的方式,比如饿了、不舒服、拉尿等,都会用哭声来告诉父母,而且有不少宝宝睡觉前都会哭闹。那么,为什么宝宝睡觉前…

    投稿 2021年11月3日
  • 电脑键盘错乱?电脑键盘紊乱

    又到了每月一个奇奇怪怪冷知识的时间了。 在今天的分享开始之前,我想问问,你用手机或电脑打字的时候,有没有想过这样的问题: 键盘上的字母为什么排列得乱七八糟?为什么不按照字母表ABC…

    2021年11月20日
  • 风起洛阳原著 高秉烛和武思月

    文/清初记忆有人说,世间最美好的爱情,就是我懂你的图谋不轨,你懂我的故作矜持。两个人之间的默契,就是对爱情最高格调的诠释。在《风起洛阳》中,高秉烛

    2022年1月10日
  • 粉蒸肉怎么做?最简单蒸肉的家常做法

    用料 五花肉 1块 蒸肉米粉 1包 豆瓣酱 2汤匙 葱 少许 糖 半茶匙 生抽 1汤匙 老抽 1勺 姜碎 3片 腐乳 适量 做法步骤 1、切好的肉放葱姜沫豆瓣酱腐乳老抽生抽糖腌制半…

    2022年12月5日
  • 小学生注意力训练题(提高孩子专注力训练题)

    孩子注意力不集中,一直是困恼这个大家长,真的是拿他毫无办法。孩子上课开小差,做作业慢,做事有头无尾,总是心不在焉。怎么办、怎么办、怎么办。前面文章我们就提到过,注意力不集中,主要的…

    2022年12月10日
  • 加油用英语怎么说?加油英语口语表达

    1. 体育运动时观众喊的口号,英语里比较常见的是Go XXX! Come on XXX! 比方说给中国队加油 Go China! Come on China! 也可以说Let&#8…

    2022年11月28日
  • hdmi有声音输出吗?hdmi 声音

    游戏机、电视、蓝光播放器和 CD 播放器:所有这些设备都有一个或多个数字音频输出——光纤、同轴、HDMI。我们阐明了哪种音频连接适合您。   如果您想通过智能音箱输出来自…

    2022年10月19日
  • 鱼丁糸怎么读

    鱼丁糸,又称“鱼丁绳”,是一种古老的织物,可以用来制作衣服、鞋子、帽子等。它的历史可以追溯到

    投稿 2023年3月8日
  • 膝盖护膝有用吗?护膝盖

    “穿上秋裤吧孩子,老了膝盖疼真的不好受。” “奶奶,我才不会得膝盖的毛病呢,我不穿秋裤,不好看。” 小丽今年20岁,正在上大学,这天是奶奶的生日,于是小丽回到了老家和爸爸妈妈叔叔阿…

    2022年10月21日