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

相关推荐

  • 芯片是什么东西

    芯片是一种集成电路,也被称为集成电路芯片。它是将多个电子元件(如晶体管、电阻、电容等)集成在一个小型的硅片或其他半导体材料上制成的微小电路。芯片上的电子元件相互连接,形成了一个功能…

    2023年11月12日
  • 王者荣耀女性角色去掉所有服装照片

    最近有不少网友在找王者荣耀女英雄去衣图,这真是有点辣眼睛,不过王者荣耀的玩家众多是不争的事实,这么大的玩家基数,自然是有一些喜欢搞事的玩家。所以大神级玩家在网上罗列出了一组王者荣耀…

    投稿 2022年10月2日
  • 怎样学好化学?化学对生活的意义

    化学是从初中就开始学起的一门基础科目课程,是非常重要的一门基础课,对于今后的高考具有重要的意义。 化学的内容涵盖了比较广泛的方面,除了基本的化学公式、元素周期表等内容以外,还有很多…

    2022年12月8日
  • 毛坯房最便宜装修方法(房屋装修流程)

    1、装修流程总结: 设计方案——打拆砌墙 ——水电改造——中央空调——封窗换窗 ——贴砖——吊顶——更换大门 ——墙面刮腻子刷漆——室内门安装——橱柜安装 ——油烟机与灶具——定制…

    2022年12月6日
  • 糯米饭可以做哪些好吃的

    糯米饭是一种古老的中国传统食物,被认为是中国人的精神食粮。糯米饭可以做出很多美味可口的菜肴,口感香甜,营养丰富,是一种健康的食物。下面就来介绍一下糯米饭可以做出哪些好吃的菜肴。 一…

    投稿 2023年8月15日
  • 阿里妈妈是什么平台

    阿里妈妈:一个专业的网络营销平台 一、什么是阿里妈妈 阿里妈妈(Alimama)是阿里巴巴集团旗下的一个专业的网络营销平台,旨在帮助商家和推广者实现更高效的网络营销。它提供了一系列…

    投稿 2023年7月15日
  • 办暂住证需要什么材料?办暂住证的流程手续

    目前已经没有暂住证这个称呼,按照公安部有关户籍改革的规定精神,现在的居住证已经取代过去暂住证的功能,居住证也可说是暂住证的升级版,居住证的功能已经达超出过去暂住证的待遇。 我去年退…

    2022年12月5日
  • 常见鸡病的防治技巧

    一、鸡大肠杆菌病 主要发病症状有:心包炎、肝周炎等脏器的炎症。 防治措施:减小鸡的饲养密度,定期消毒,保证饮水和饲料的清洁等可有效预防大肠杆菌病的发生。治疗时一般使用新霉素、庆大霉…

    2024年3月9日
  • 合肥特色小吃(合肥美食攻略)

    合肥有庐州烤鸭、怀胎鱼、曹操鸡、混汤酒酿元宵、李鸿章大杂烩、巢湖银鱼、下塘烧饼、公和堂狮子头、酥鸭元宝、庐江小红头等好吃的特色美食。合肥,简称“庐”或“合”,古称庐州、庐阳、合淝,…

    2022年11月22日
  • 行政工作流程有哪些?行政工作内容梳理

    行政部日常的工作流程如何设计? 有人说行政工作好人不爱干,一般人还干不好,你怎么看?下面分享一下行政管理的主要工作流程。   一、总部文件收发,监督执行力度: 收文→发文…

    2022年11月28日