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

相关推荐

  • nfc怎么用?nfc功能怎样使用

    你真的了解自己的手机吗,很多人在买手机的时候只会关注手机的内存和相机像素,甚至还觉得只要内存大的手机就一定贵,实则不然,其实很多手机功能大部分人都不会使用,甚至根本不知道自己的手机…

    2022年12月2日
  • 2022年抖音最火的歌曲有哪些?好听的歌曲2022年最火

    2022年火爆全网的热门歌曲实在是太多太多啦,比如温暖人心的《愿你》、小学生都爱的《孤勇者》、听醉无数人的《太想念》……我为大家精心准备了40首热门歌曲,记得点赞收藏,评论区留下你…

    2022年10月1日
  • 怎么下载两个微信(两个微信小号这样开)

    文|电脑手机那些事儿目前,微信的主流版本有苹果iOS版和安卓版2种,在大多数情况下iOS版本都会优先于安卓发布,但是

    2022年1月3日
  • 防辐射服排行榜

    政策法案里面强化了孕妇保健设施投入计划。全社会对孕妇,尤其是高龄孕妇的关爱也上升到新的高度,孕妇防辐射也成为时下热门。下面十大品牌网就给大家盘点一下,防辐射十大品牌是哪十大排行? …

    投稿 2023年11月1日
  • 圆脸什么刘海合适?方圆脸适合刘海

    中国的审美一直都是多元化的,摒弃眯眯眼的审美黑化,下一步就是为圆脸女生“正名”了。 很多女生将圆脸视为不好看、丑的代表,这样脸上过分饱满的肉感和弱化的骨骼感都会让我们看起来比实际体…

    2022年11月16日
  • 惠普康柏cq35是哪年出的?惠普 cq35介绍

    通信历史连载100-美国之惠普手机及其在中国这些年 惠普手机,2002年-2017年 2000年:发布Jornada 720,插上诺基亚的PCM手机卡后能够变为移动电话 2001年…

    2023年1月15日
  • 魔兽时沙之瓶图片(沙之瓶)

    今天就给大家介绍几款可直接购买的几款坐骑!外形拉风!功能实用! Ⅰ、魔兽世界坐骑“时沙之瓶”:玩家称之为“基友龙”,这是魔兽世界炼金专业产品,也是炼金专业唯一的一直坐骑!功能是将玩…

    2022年11月25日
  • 解压缩软件推荐(最干净的压缩软件)

    在工作中我们常常需要解压一些文件,或者把文件压缩发送出去。那么我们都用什么压缩解压缩软件呢?我以前用的是2345推

    2022年1月12日
  • 微信店家怎么弄小程序推广

    微信小程序推广是当今营销的一种新模式,它可以让客户更加方便快捷地购买商品,提高客户满意度,增加客户粘性,从而提升客户忠诚度,提高店铺的知名度和美誉度,为店铺带来更多的收益。作为一个…

    投稿 2023年6月22日
  • excel打勾(excel打勾的方框怎么删)

    表格中我们经常会看到许多”√”的设置,通过”√”可以将我们需要的数据进行选中。勾选操作有一种特殊的方式,那就是一键全选。今天我们就来学习,如何利用”√”进行一键全选设置。如图所示,我们通过最上方的按钮,勾选或者取消勾选后,可以实现

    2022年1月4日