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颗、尖椒4-5个、小米辣4-5个、油盐适量、葱1段、姜1块、大蒜3瓣、生抽1袋(500ml)、白糖2汤匙、花椒10几粒、大料2个、做法…

    2022年12月10日
  • 基础化妆步骤(简单的化妆顺序)

    首先总结一下大概步骤,后面详细介绍。 基础部分:洁面——水乳霜——防晒霜 (洁面后眉型要修的记得先修眉型) 底妆:隔离霜——妆前乳——粉底(BB霜 | 粉底液)——遮瑕膏——定妆(…

    2022年12月7日
  • 新农业创业项目有哪些?最新农村创业项目

    我想在农村投资做点小本项目,能不能给我分享几个投资少,年入十万左右的项目呢?我不怕吃苦,只要能赚钱的项目我都能接受”这是一位老粉丝朋友的问题。今天我们就针对上述粉丝朋友的问题来给大…

    2022年10月8日
  • 电脑键盘功能介绍图解基础知识 史上最详细的电脑基础知识

    在今天的数字化时代,电脑键盘作为人机交互的核心工具扮演着重要角色。本文将为您详细介绍电脑键盘的基础知识,让您对这一设备有更深入的了解。从键盘的结构组成、键位布局、基本按键功能到特殊…

    投稿 2024年5月30日
  • 苹果电脑怎么连接打印机(连接打印机和电脑使用教程)

    打印机连接电脑,你需要做的是安装打印机驱动程序,这样打印机才能读懂电脑给它下达的指令。文章分为四个部分:一、了解自己打印机的品牌型号二、下载官方的打印机驱动程序三、安装打印机驱动程序四、打印测试现在的打印机品牌有惠普、佳能、爱

    2022年1月1日
  • 数据透视分析图怎么做?数据透析表

    当需要对较为复杂的数据表格进行统计分析时,常用的筛选、分类汇总、求和往往不能满足要求。这时候咱们可以请出另一位强大的数据分析师——数据透视表。数据透视表是一种对大量数据快速汇总分析…

    2022年11月25日
  • php和java区别(php和html的区别)

    C语言和Java的主要区别:面向过程/面向对象、编译型/混合型、不同的应用场景。只要阅读二者的入门资料就清楚了。时间足够的话,先学C再学Java;时间不够直接上J

    2022年1月4日
  • 2022年最新优质域名投资第三批

    这是我们大多数人一直在思考的问题。投资行业之所以火爆,大家就是因为我们相信:投资会给我们的发财梦插上成功的翅膀,梦想万一实现了呢?   可是就目前国内的主要投资渠道来看,…

    2022年3月10日
  • 黄码显示中高风险人员怎么办?个人高风险

    近期,成都连续出现新冠肺炎本土病例,为快速有效阻断疫情传播扩散,保障全体市民身体健康和生命安全,进一步加快做好健康码“黄码”人员核酸检测工作,昨日,成都市卫生健康委员会发布关于天府…

    2021年11月15日
  • 鲳鱼怎么做?鲳鱼最简单的做法

    说到鱼呢,可谓是五花八门,淡水鱼海鱼加起来有数不清的种类,那么鱼自热也成为了人们餐桌上的美食,这期的美食教程,就准备给大家分享几种鲳鱼美味好吃的做法,鲳鱼具有益气养血、补胃益精、滑…

    2022年12月7日