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

相关推荐

  • cad缩放怎么用?CAD视图窗口放大缩小

    CAD缩放命令作为CAD常用命令之一,在设计过程中的应用十分广泛。那么,CAD缩放怎么用?今天小编用一文详解CAD缩放命令,新手必看! 缩放(SCALE) 功能描述:放大或缩小选定…

    2022年12月14日
  • 如何root安卓手机(安卓root权限)

    能解锁Bootloader的安卓设备,理论上都可以Root,目前主流手机品牌,好像除了vivo和华为(华为部分型号据说可以从淘宝购买解锁码来解锁Bootloader),其他都可以解…

    2022年11月22日
  • “比赛”的英文是什么?英语比赛英文

    前两天刚发完东京奥运会相关的推文,罐头菌就想起这组英语里面最经典的词组辨析competition,race,match。英语里面,关于“比赛,竞赛”的表达有不少,而对于他们完全摸不…

    2022年11月21日
  • 别克君越06款中控按钮图解?君越中控台

    君越氛围灯怎么使用? 解答:目前在售的君越车内氛围灯是单色的车内氛围灯,只要在大灯打开的情况下就会亮起,氛围灯的亮度也可以通过主驾驶左边的仪表盘亮度调节进行调节。 君越流媒体后视镜…

    2021年11月15日
  • 动态图片怎么做?动态背景图

    动态图片怎么制作,不会复杂的软件能够做得出来吗?相信很多朋友都有这个疑问,那到底要怎么制作呢? 一般图片流动制作除了借用特效功能外,还可以借用专业软件进行制作,这里分享给大家一款好…

    2022年11月30日
  • 芈月山玫瑰谷在哪个省

    芈月山玫瑰谷位于江苏省 一、芈月山玫瑰谷简介 芈月山玫瑰谷位于江苏省,是一处以玫瑰花为主题的观光景点,由芈月山玫瑰谷景区管理局管理。芈月山玫瑰谷景区内有芈月山、玫瑰谷、玫瑰花海、玫…

    投稿 2023年7月24日
  • 过年为什么要吃饺子?节日吃饺子的意义

    春节吃什么传统食品 农历春节可以说是中国最重要的传统节日了,所以在这期间肯定少不了各式各样的美食,那下面就来看看过春节的时候应该吃些什么传统食物吧。 1、饺子 北京俗谚:“好吃不过…

    投稿 2022年12月5日
  • 换轮胎要注意哪些细节?换轮胎注意事项

    汽车的轮胎是唯一与地面相接处的零部件,那么汽车轮胎的更换标准是什么样的?轮胎使用到什么程度我们可以考虑更换新轮胎呢? 1、年限和里程 按照汽车轮胎生产厂家给出的数据,一般轮胎在使用…

    2022年12月7日
  • 夜视摄像机(红外摄像机夜间效果)

    透雾摄像机的降生不只处理了极端天气监控难得问题,同时也为全天候摄像机翻开缺口,无论处于何种环境下都能完成全天候高清监控。透雾摄像机中植入的宽动态夜视加强功用,其实夜晚的光照条件远比…

    2022年10月21日
  • 印度电影推荐(印度最火的动作电影)

    提到浓厚的民族味道和偶尔穿插的歌舞,一定会想到印度电影,独特的印度电影拥有着别样的观感。本次将盘点10部不容错过的高评价印度电影。排名不分先后,10部无法涵盖所有,篇幅有限,各位不…

    2022年10月3日