admin 管理员组

文章数量: 1184232


2023年12月18日发(作者:26岁类风湿痊愈了)

HTML(二)

一、HTML中的特殊符号

1.常用的特殊符号:

特殊符号 字符实体 示例

空格  

A    B

大于号> >

a <b

小于号< <

<html>

引号"" "

"姓名"

版权符号 ©

Copyright© All Reserved

2.表单( 标签

2.1、表单的基本语法:

action:规定到表单提交之后,由谁处理,默认为当前页面

method:有两种取值get和post(更安全,数据量更大)

表单内部由大量表单元素构成

2.2、表单元素的基本格式

size="显示的宽度" maxlength="最大输入字符长度"

checked="checked(是否被选中)" / >

2.3、表单元素的逐一介绍

1、文本框(type:txt)

size="20" />

2、密码框

3、重置、提交和普通按钮

4、单选按钮(radio)

checked="checked" />

5、复选框(check和post)

value="sports" />运动   

游泳   

value="play" checked="checked"/>玩游戏

6、文件域(上传文件)


7、下拉列表框

月 

8、多行文本域

9、隐藏域

value="777" />

10、只读和禁用属性

a、 只读

b、禁用

同意以上协议

  

的注释

要避免在注释内容中使用<!--------------注释内容------------>(不规范)

可以用= =或者##代替--

4、表格布局

4.1、基本语法

< table>

//行

百度//单元格

猫扑

4.2、跨列

//跨两列

4.3、跨行

4.4、跨行跨列

5、表格的高级标签

表格数据的分组标签

,,

6、表格布局

采用form-table-tr-td进行页面布局

7、CSS样式表

CSS是Cascading Style Sheets 的缩写,层叠样式表(W3C规范之一),把网页的内容和外观的美化分开。

优点:

a、实现内容和样式的分离,利于团队开发

b、实现样式复用,提高开发效率。

c、实现页面的精确控制(有很强大的排版功能)

d、利于搜索引擎的搜索

7.1、CSS基本语法

样式表主要是由样式规则组成。

基本语法包括三个部分:选择器、属性和属性值

a、样式表一般用

b、选择器的分类

1、标签选择器(当需要对页面内某类标签的内容进行修饰的时候采用)

li(标签名)

{

color:#f00;(属性名1)

font-family:"黑体";(属性值2)

font-size:36px; (属性值3)

。。。。。。

}

2、类选择器

使用步骤分两步:

a、定义样式:

•类名

{

属性名1:属性1;

属性名2:属性2;

。。。。

}

b、应用样式,使用标签的"class"属性引用类样式

<标签名 class="类名">标签内容

3、ID选择器(一般用来修饰

标签)

a、 首先使用ID属性标识被修饰的页面元素。

b、定义相应的ID选择器的样式。

#ID标识名

{

属性名1:属性值1;

属性名2:属性值2;

}

优先级:类选择器>标签选择器>ID选择器

8、常用的样式修饰

样式分为文本及字体、背景、列表几个方面。

1、文本和字体属性

a、文本属性用于定义文本的外观,包括颜色、行高、对齐方式、字符间距等。

属性名 含义

举例 应用场景

line-height 设置行高(单位px) line-height="25px" 布局多行文本

text-align 设置对齐方式( 常用的取值为:left、right、center) text-align="center" 适应于各种元素对齐

letter-spacing 字符间距(常用:3px;5px;) letter-spacing="5px"

加大字符间距

text-decoration 文本修饰(underline,none) text-decoration="none" 下划线的加或者去

white-space 规定如何处理空白(nowrap不换行) white-space="nowrap" 不换行

b、字体属性,用来定义字体类型,字号的大小,字体是否加粗等。

属性名 含义

举例 应用场景

font 在一个声明中设置字体的所有属性 font:bold 12px 宋体 ; 常用于字体样式缩写

font-familu 字体类型 font-family:黑体 ; 设置字体类型

font-size 字体大小 font-size:12px;

font-weight 字体 的粗细 font-weight:bold;(粗体)

c、背景属性

用来定义网页的背景色或者背景图片,精确的控制背景出现的位置和平铺的方向

属性名 含义

举例 应用场景

background 声明所有的背景属性 background:#ccc

url(images/)repeat-x 20px -100px

background-color 背景颜色 background-color:#RGB;

background-image 背景图片 background-image:url(images/);

background-repeat 背景平铺方式 background-repeat:no-repeat;(背景不平铺)

bcakground-position 背景出现的初始位置 background-position:20px-100px; 位置分别代表X,Y轴方向的坐标

针对于background-repeat属性我们又可以细分为:

平铺方式 含义

应用场景

repeat 纵横向都平铺(默认值) 用小图片来构建整个背景

repeat-x 横向平铺

repeat-y 纵向平铺

norepeat 背景图不重复平铺

针对于 bcakground-position 属性我们又可以细分为:(可以精确的控制背景图出现的位置)

a、 Xpos Ypos 代表设置的背景图片出现的初始位置,可以为负值

b、X% Y% 使用百分比表示背景出现的初始位置

c、X方向、Y方向的关键词 水平的:left,center,right 纵向:top,center,bottom

例:right top 在右上角出现 left bottom在左下方出现


本文标签: 属性 样式 背景 表单 标签

更多相关文章

再也不怕Win7关机后自动重启,修复秘籍来了!

1月前

1.到系统的设备管理器,选择网络适配器,选择你的网卡右键属性,在高级里把唤醒功能和网络唤醒的值设成 无 2. 关闭系统发生错误时电脑自动重启的设置,鼠标右键点击“我的电脑”——》选择“属性”——》在

告别误触!轻松几步,让触摸板不再困扰

1月前

很多笔记本的触摸板不好用,想要禁止,然后另外连接键盘鼠标使用,小编自己就是使用的笔记本禁用触摸板驱动,安装完重启电脑后,在电脑右下角任务栏上有个图标,点鼠标右键,选择设置--定点装置属性--禁用,就可以了,想用的时候就开启回来就行了。

面对Blob的Excel导出难题?看这里就能获得快速开启文件的秘诀!

1月前

导出excel,文件打不开要注意responseType一定要设置returnaxios({url:'apiesbddidbexportexcel', url: 'test

从普通Excel到诡异Blob,解读导出问题并寻找解决之道

1月前

导出excel,文件打不开要注意responseType一定要设置returnaxios({url:'apiesbddidbexportexcel', url: 'test

电脑屏幕自动翻转?用这些步骤马上解决 Adobe Flash 相关问题!

1月前

如下提供两种解决方案: 1.桌面--属性--设置--高级--选择你显卡的那一项,然后图形属性--旋转--180度就可以了; 2.一般pc支持倒转画面,你同时按住"Alt和Ctrl键"然后按键盘上的

告别卡顿,提升体验:优化Adobe Flash Player播放技巧

1月前

如下提供两种解决方案: 1.桌面--属性--设置--高级--选择你显卡的那一项,然后图形属性--旋转--180度就可以了; 2.一般pc支持倒转画面,你同时按住"Alt和Ctrl键"然后按键盘上的

解锁家庭娱乐新体验:轻松配置路由器与Adobe Flash Player

1月前

一、设备:买一个路由器,如TP-LINK(TL-R402M)90元左右,有一个WAN口和四个LAN口,另加上两条的两端都钳有水晶头的网线。 二、接法:把插到台式机的网线水晶头(另一端已接ADSL的)的接到路由器的WAN口上,用

集体游戏夜不掉线?揭秘如何正确设置家庭网络与路由器!

1月前

一、设备:买一个路由器,如TP-LINK(TL-R402M)90元左右,有一个WAN口和四个LAN口,另加上两条的两端都钳有水晶头的网线。 二、接法:把插到台式机的网线水晶头(另一端已接ADSL的)的接到路由器的WAN口上,用

HTML5下的新声音:解析audio与video标签,打造无Flash的多媒体世界

1月前

html5播放器细谈,从大众自带浏览器 到 wechat和QQ以x5内核的浏览器,以及UC其他特殊的浏览器在此不再细谈:)当然也会分析iphone ios系统和Android手机系统的差别。 【基本属性】video标签

SWF、Flash玩家的电脑配置选择秘籍

29天前

我在生活中经常可以听到别人的困惑,就是想买电脑但是有怕买到不好的电脑哦,纠结死了,在这里我为了解决大家的买电脑问题,特地发表本篇文章来给大家参考如何去买到一个喜欢的电脑,一个配置适合自己的电脑, 电脑分为:软件和硬件,在

学会这招,VSCode新手也能轻松配置快捷键,一键新建文件夹不是梦!

29天前

实现目标在获取左侧项目栏文件夹焦点情况下 添加新建文件夹的快捷键 Shift + A 我本来是个atom忠实粉丝, 但是atom使用window10自带输入法在书写汉字时总是会出现首字母缺失的情况, 查了好久没

C#与文件属性:操作指南与实践指南

23天前

简介:C#作为流行的编程语言,广泛应用于Windows应用、Web应用和游戏开发等领域。本文档“C# 文档操作FileProperties”深入探讨了如何在C#中处理文件属性,包括基本文件属性的读取、修改和创建,以及如何操作文件的元数

Windows隐藏文件恢复指南:找回你的文件大行动

23天前

显示隐藏文件的方法 打开文件资源管理器,点击顶部菜单栏的“查看”选项。在“显示隐藏”区域勾选“隐藏的项目”。此时所有隐藏文件和文件夹会以半透明图标显示,可直接访问或操作。 通过文件夹选项恢复 在文件资源管理器

电脑没网?手机数据线来帮忙,瞬间连通网络!

22天前

如何用手机数据线连接电脑上网,相信这个问题是我们很多人热切关注的问题,虽然比起以前我们又多了4G网,但比起无线网,手机数据还是要慢很多,而与宽带网络相比较,无线网也还是有很多的不足之处。因此,为了给大家一个满意的答复,接下来我将仔细地

用手机数据线,轻松共享网络给电脑

22天前

转自:微点阅读(www.weidianyuedu.com)如何用手机数据线连接电脑上网,相信这个问题是我们很多人热切关注的问题,虽然比起以前我们又多了4G网,但比起无线网,手机数据还是要慢很多,而与宽带网络相比较,无线网

优化网络环境:掌握Adobe Flash Player的带宽限制方法

21天前

注:以下内容转自不同的电脑教程第一章:WINXP全攻略一、优化启动设置(适用于家用版及专业版)1."我的电脑"->"属性"->"高级"

网站设计小窍门:鼠标悬浮变小手,提升用户操作体验!

21天前

当我们在网页设计中需要用户点击或者选择某个元素时,很多时候会使用鼠标悬浮变小手的效果,这种效果可以让用户更快速的完成操作,提高用户体验。 在CSS中设置鼠标悬浮变小手效果非常简单,只需要使用 cursor

IBM Portal 7主题定制之旅:PageBuilder2快速上手教程

21天前

1.1 简介 IBM WebShere Portal 7相对于之前版本最大的变化就增加了新的皮肤开发模式- PageBuilder2,官方翻译叫"页面构建器"。它同时支持旧的主题开发模

从头到尾,全面深度清理电脑上的SWF文件和Adobe Flash Player痕迹

17天前

1、手动清理 (1)打开资源管理器,右键-属性,点击“磁盘清理”,然后选中要清理的文件,点击确定即可; (2)对于一些软件的卸载残留,可以打开注册表,找到各目录下的software子目录,从里面找那些你已经卸载过的软件

本地连接丢失解决指南

9天前

<script src="" type=textjavascript> <script> 或者本地连接丢失都是是我们常见的一种计算机故障,没有了本地连接,有的时候能正常上网,可有的

发表评论

全部评论 0
暂无评论
学生成绩李四 学生成绩