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

相关推荐

  • 怎样在word中画横线?电脑上如何画横线

    怎样在word中画横线?其实在word中画横线很简单,今天主要分享2种方法,一起来学习下吧。 方法1:插入“直线”在word中画横线 点击word工具栏中的【插入】->点击插…

    2022年10月10日
  • 在网上怎么开店?网店买卖有哪些平台

    回想开店的经历,总结了一下自己的经验,纯干货仅供开店的小伙伴们参考。 #新手如何开网店 #副业创业 1.确定你要卖的产品 2.找到货 源 3.选个人开店即可(保正金1K) 4.注册…

    投稿 2022年10月20日
  • 安卓免费杀毒软件(安卓杀毒软件2022)

    近日华为应用商店爆出190款应用暗藏木马病毒(已下架),数百万用户中招,让Android(安卓)智能手机的端点安全问题再次成为人们关注的焦点。 近年来,随着个人智能手机中存储的隐私…

    2022年11月7日
  • 硬盘是什么意思?硬盘的简称

    硬盘,就是你使用的电脑用来存储数据的地方,什么是数据?电脑的操作系统,应用软件,你的照片,视频,文档等等,都属于数据。 硬盘就像办公室的文件柜,数据就像各类文件,办公室没有放文件的…

    2022年11月11日
  • 裙子用英语怎么说?各种裤子的英文叫法

    one-piece dress 连衣裙; mini-skirt 超短裙; pleated skirt 百褶裙; flare skirt 喇叭裙; jumper skirt 背心裙;…

    2022年11月29日
  • 剪视频软件都有哪些(剪视频的笔记本电脑推荐)

      近些年随着抖音、快手等短视频的兴起,越来越多的人们开始涌入短视频创作的潮流中!俗话说的好:工欲善其

    2022年1月22日
  • 买商铺注意事项详细(购买底商注意事项)

    购买商铺一来可以自己做点生意,二来也可以出租赚取租金,所以很多投资者会选择商铺进行投资,那么买商铺有哪些注意事项呢?下面为大家解答。 1、要选择居民聚集、人口集中的地区。通常情况下…

    投稿 2022年12月9日
  • 为什么输入法不见了?输入法不见了怎么设置

    最近更新了一下电脑中的输入法,把不常用的删掉了,安装了一些新的,这一折腾不要紧,发现桌面底部的工具条上怎么没有语言栏了?按了一下键盘上的“Ctrl+Shift”切换输入法也无法调出…

    2022年10月18日
  • 如何制作app软件编程

    制作app软件编程是一项复杂的工作,它需要编程技术、设计技术以及产品管理等多方面的知识和技能。本文将介绍如何制作app软件编程,包括准备工作、编程、测试、发布等步骤。 ## 一、准…

    投稿 2023年7月13日
  • 一键恢复好友?恢复删除的联系人

    随着电子产品的崛起,手机已经成为了人们生活不离身、必备的物品,很多人都喜欢把重要的文件保存在手机里,但是有时候清理的垃圾的时候不小心把重要文件删了怎么办,不用担心,下载手机极速数据…

    2021年11月8日