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

相关推荐

  • wow工程学怎么冲?魔兽世界工程学攻略

    以下工程攻略,已经覆盖所有必备的工程学用品。按照以下顺序冲工程,效率较高。基维斯的各种材料,因图纸获取复杂,不在这里描述,请直接AH购买。 正文:(侏儒种族+15工程技能,冲技能过…

    投稿 2022年11月21日
  • 惠氏奶粉新包装新款(惠氏奶粉新款介绍)

    惠氏奶粉新包装新款(惠氏奶粉新款介绍)  奶粉行业新竞争环境下,存量市场的抢夺战已逐渐

    2022年1月18日
  • 女生新手适合开什么车10万左右的车型

    女生新手适合开什么车10万左右的车型 随着社会的发展,越来越多的女性也开始加入到了驾驶的行列,而作为女性新手,在购买车辆时,应该选择什么样的车型呢?本文将为您介绍10万左右的车型,…

    投稿 2023年6月26日
  • 开车第一步是什么?开车的步骤

    第一步:调整座椅的前后的位置的座位 开车去首先要做的是调整主驾驶的座位。调整的基本立场不应该太接近前面,因为不能趴在方向盘上。同样也不能太靠后,躺在座位上开车也是不太好的,这都是不…

    2022年12月5日
  • 抖音换头像图片太大不协调怎么办?怎样换抖音头像图片

    抖音企业号用户享有多项权益,自定义头图就是其中之一,头图作为企业品牌主宣传图片曝光处,也是用户的第一眼品牌印象。如何设置头图呢?教程如下: 在抖音APP内,切换至【我】——点击顶部…

    2021年11月15日
  • 问卷设计思路怎么写

    问卷设计是一项重要的研究工作,它可以帮助研究者收集有价值的信息,从而更好地了解受

    投稿 2023年2月27日
  • qq相册查看(进入qq相册)

    QQ和微信是很多朋友使用最多的社交工具,像小编这样30多岁的年纪,最开始使用QQ,后来慢慢使用微信多点,QQ相册中储存着以前大量的照片,记录着自己和家人的成长历程和生活点滴。微信中…

    2022年10月18日
  • 在手机上怎样写博客?如何建立博客

    创建博客很容易——但创建一个成功的博客说起来容易做起来难。在本文中,我们将分享如何将您对博客的热情转变为拥有大量追随者的成功、可获利的网站! 1. 确定你博客的目的 互联网上有数百…

    2022年10月17日
  • 公猪和母猪如何配种?公猪多久配种一次?配种的注意事项和最佳时间

    农场中的公猪和母猪的配种过程是一个重要的繁衍环节,关系到农场的养殖效率和经济收益。合理安排公猪和母猪的配种,可以提高种猪的产仔率和保育率,从而为农场带来更多的收益。 公猪和母猪的配…

    投稿 2024年5月9日
  • 小程序怎么写代码

    写小程序代码是一件非常有趣的事情,也是一件非常有挑战性的事情。小程序代码的写作需要掌握一定的编程技巧,以及深入理解小程序的运行机制。本文将为大家介绍如何写小程序代码,以及如何更好地…

    投稿 2023年6月30日