使用HTML开发商业网站 元 素 的 类 型 和 转 换 元素的类型和转换 在使用这些标签的时候,我们会发现有些标签可以设置宽度和高度属性(如p标签),有些标签则不可以(如strong标签)。这是因为标签有着特定的类型,不同类型的标签可以设置的属性也不同。 本节将详细讲解标签元素的类型和装换方法。 元素的类型和转换 在页面中以区域块的形式出现。 每个块元素通常都会独自占据一整行或多整行。 可以对其设置宽度、高度、对齐等属性。 不占有独立的区域。 仅仅靠自身的字体大小和图像尺寸来支撑结构。 一般不可以设置宽度、高度、对齐等属性。 元素的类型和转换

使用HTML开发商业网站 创建表单 表单 表单是可以通过网络接收其他用户数据的平台,例如注册页面的账户密码输入、网上订货页等,都是以表单的形式来收集用户信息,并将这些信息传递给后台服务器,实现网页与用户间的沟通对话 表单 以电商注册页面为例,分析表单的构成。 提示信息 表单域 表单控件 表单 相当于一个容器,用来容纳所有的表单控件和提示信息。 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息 表单控件 表单域 表单
各种表单控件
表单 表单属性 表单
账号: 密码: 2022-07-10 14:07:18 350KB HTML
使用HTML开发商业网站 CSS 高 级 特 性 CSS高级特性 所谓层叠性是指多种CSS样式的叠加。例如,当使用内嵌式CSS样式表定义

标记字号大小为12像素,链入式定义

标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。 CSS高级特性 所谓继承性是指书写CSS样式表时,子标记会继承父标记的某些样式,如文本颜色和字号。例如,定义主体元素body的文本颜色为黑色,那么页面中所有的文本都将显示为黑色,这是因为其他的标记都嵌套在标记中,是标记的子标记。 CSS高级特性 并不是所有的CSS属性都可以继承,例如,下面的属性就不具有继承性: 边框属性 外边距属性 内边距属性 背景属性 定位属性 布局属性 元素宽高属性 CSS高级特性 定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就会出现优先级的问题。为了体验CSS优先级,首先来看一个具体的例子,其CSS样式代码如下: p{ color:red;} /*标记样式*/ .blue{ color:green;} /*class样式*/ #header{ color:blue;}

2022-07-10 14:07:17 379KB HTML
使用HTML开发商业网站 文本控制标签 文本控制标签 无论网页内容如何丰富,文字自始至终都是网页中最基本的元素。为了使文字排版整齐、结构清晰,HTML中提供了一系列文本控制标签,如标题标签

~

、段落标签

等 本节将对文本控制标签进行详细讲解。 文本控制标签 文本控制标签 文本控制标签 文本控制标签 属性名 含义 属性值 align 设置水平线的对齐方式 可选择left、right、center三种值,默认为center,居中对齐显示。 size 设置水平线的粗细 以像素为单位,默认为2像素。 color 设置水平线的颜色 可用颜色名称、十六进制#RGB、rgb(r,g,b)。 width 设置水平线的宽度 可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100%。 文本控制标签 文本控制标签 文本样式标记用来控制网页中文本的字体、字号和颜色。 文本控制标签 属性名 含义 face 设置文字的字体,例如微软雅黑、黑体、宋体等 size 设置文字的大小,可以取1到7之间的整数值 color 设置文字的颜色 文本样式标记常用属性 文本控制标签 标记 显示效果

2022-07-10 14:07:16 397KB HTML
使用HTML开发商业网站 标签属性 表格 属性名 含义 常用属性值 width 设置单元格的宽度 像素值 height 设置单元格的高度 像素值 align 设置单元格内容的水平对齐方式 left、center、right valign 设置单元格内容的垂直对齐方式 top、middle、bottom bgcolor 设置单元格的背景颜色 预定义的颜色值、十六进制#RGB、rgb(r,g,b) background 设置单元格的背景图像 url地址 colspan 设置单元格横跨的列数(用于合并水平方向的单元格) 正整数 rowspan 设置单元格竖跨的行数(用于合并竖直方向的单元格) 正整数 表格 60 60 表格 列合并colspan 行合并rowspan 删除 表格 学习的属性时需要注意以下几点: 在标签的属性中,重点掌握colspan和rolspan,其他的属性了解即可,不建议使用,均可用CSS样式属性替代。 当对某一个标签应用height属性设置高度时,该
2022-07-10 14:07:16 400KB HTML
使用HTML开发商业网站 CSS控制单元格边距 CSS控制表格样式 除了表格标签自带的属性外,还可用CSS的边框、宽高、颜色等来控制表格样式。此外,CSS中还提供了表格专用属性,以便控制表格样式。 本节将从边框、边距和宽高三个方面,详细讲解CSS控制表格样式的具体方法。 CSS控制表格样式 th,td{ border:1px solid #30F; /*为单元格单独设置边框*/ padding:20px; /*为单元格内容与边框设置20px的内边距*/ margin:20px; /*为单元格与单元格边框之间设置20px的外边距*/ } CSS控制表格样式 学习CSS控制单元格边距时需要注意以下几点: 行标签无内边距属性padding和外边距属性margin。 外边距属性margin对单元格无效,要想设置相邻单元格边框之间的距离,只能对标签应用HTML标签属性cellspacing。 A B 谢谢大家
2022-07-10 14:07:15 410KB HTML
使用HTML开发商业网站 案例-制作音乐排行榜 阶段案例——制作音乐排行榜 制作音乐排行榜 如果把个元素都看成盒子,则页面由多个盒子构成。整个模块由唱片背景和歌曲排名两部分构成。其中唱片背景由一个div进行整体控制,歌曲排名部分结构清晰,可由无序列表
    进行定义。 结构图如右所示。 div ul li li li li li li 分析效果图 控制效果图5-51的样式主要分为以下几个部分: (1)通过最外层的大盒子对页面的整体控制,需要对其设置宽度、高度、圆角、边框、渐变及内边距等样式,实现唱片背景效果。 (2)整体控制列表内容(ul),需要对其设置宽度、高度、圆角、阴影等样式。 (3)设置5个列表项(li)的宽高、背景样式属性。其中第一个li需要添加多重背景图像,最后一个li底部要圆角化,需要对它们单独进行控制。 分析效果图 音乐排行榜
    • 2022-07-10 14:07:14 487KB HTML
关于在 Heroku 上部署的足球的 JavaScript 博客 我在 ETSIT-UPM 的第四门电信工程学位课程中开发的。 该项目是一个关于足球、体育新闻的西班牙博客……这是一个学科的最终项目,我和一个同学必须展示我们在学期中学到的技能:JavaScript、HTML 和 CSS。 综上所述,博客采用JavaScript和HTML开发,风格采用Bootstrap。 它允许用户注册、发布、评论和收藏帖子。 此外,它还包括媒体、访问计数器和搜索功能。 对于开发,我使用了 Express(一个 node.js 网络框架),但该博客目前部署在 Heroku 的免费版本上: : 。
2022-06-14 15:01:56 16.14MB JavaScript
1
Thinkphp5技术交流分享个人博客网站源码
2022-04-20 21:00:39 125B javascript html 开发语言 ecmascript
html和Java实现一个唱片公司的唱片管理系统
2022-04-17 20:05:17 368KB java html 开发语言 前端
1