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

相关推荐

  • 王者荣耀女性角色去掉所有服装照片

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

    投稿 2022年10月2日
  • 我的世界指南针怎么用?我的世界指南针的位置

    本期呢,小编就来介绍几个即使是普通生存玩家也能感受到乐趣的速通技巧~ 01 无工具识别方向 在游戏中,虽然很多人不怎么在意自己面朝的究竟是什么方向,但是方向其实是跑图非常重要的一个…

    2021年11月16日
  • 影楼网络营销(影楼网络营销如何提高转化率)

    婚纱摄影行业做网络营销相对来说就比较常见了,现在也有许多商家都在投入这一块。那婚纱摄影行业网络营销应该怎么做才会有效果呢?婚纱摄影行业网络推广方法又有哪些呢?怎么依托于网络和新媒体渠道打开婚纱摄影市场?任何网销的开展,都离不开自身建设,流量引进和订单转化三个方面。第一,内功品质的提升,网销和其他官方平台的开拓完善。具体包括网站的美观度,可观看性,各个版面之间相互引导和内链,相关内容引导,以及软文编

    2022年1月1日
  • 怎么做美食简单又好吃?简单做美食

    一、萝卜丸子 1.青萝卜一个,先切成细丝,再切成丁放入盆中,打入两个鸡蛋,加入食盐2克,胡椒粉2克,植物油10克,植物油能在萝卜表面形成油膜,防止萝卜因食盐大量出水,生抽5克,蚝油…

    2022年12月24日
  • 卧蚕笔怎么用?卧蚕笔怎么用图解

    “手残党画卧蚕,最后出来的效果可以想象,闪闪发光的下眼睑是要亮瞎谁的狗眼。所以聪明的韩国人生产出卧蚕笔这个东西,拯救手残党啊有没有,一支笔就能搞定。但问题来了,卧蚕笔怎么用呢?小编…

    2022年12月3日
  • 长沙十大旅游景点(长沙著名旅游景点)

    如果用一个字来形容夏天的长沙,那一定是:热。不止是长沙的天气热,长沙的旅游业态更是热。凌晨三点的岳麓山上,已经有人从众人从众…等待绝美日出;省博物馆更是一票难求,需要提…

    2022年10月17日
  • 正确的交房流程(收房注意事项)

    关于收房时间:一般房产商通知小业主交房时间比较早,建议不要在第一、第二天去收房。因为那两天同时来收房的人很多,陪同验收房子的人也不会有太充裕的时间仔细陪同看房。您不妨选择第三天或第…

    2022年12月6日
  • 拉直头发的步骤(拉直头发注意事项)

    拉直发的教程知识点概括 1、在进行拉直操作前,需要将全头吹干后才能进行。 2、在前,后、侧进行三个区域的分区 3、在进行1cm左右的水平分份 4、90°向外提升使得发根蓬松;90°…

    2022年12月2日
  • 能量不足需要充电朋友圈文案

    1.不期待人生可以过得很顺利,但希望碰上人生难关的时候,你自己就可以是它的对手。2.生命要浪费在美好的事物上,体重一定要浪费在美味的食物上,爱情一定要浪费在你爱的人身

    2022年1月9日
  • eve怎么玩?eve新手入门

    相信很多喜欢玩沙盒游戏的玩家,一定都听说过EVE手游吧,作为一款享誉世界级的硬核游戏的手游版本,这款游戏自从诞生以来就继承了EVE游戏的各种内容和优点,但一些小白在入坑这款游戏时,…

    2022年11月10日