s1使用HTML+CSS开发商业站点

最新推荐文章于 2023-01-11 13:14:02 发布
最新推荐文章于 2023-01-11 13:14:02 发布
阅读量125 收藏
点赞数
分类专栏： 北大青鸟123
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47568202/article/details/111226135
版权

使用HTML+CSS开发商业站点

1. HTML5基础

2.列表表格与媒体元素

3. 表单

4. 初识CSS3

5. CSS3美化网页元素

6.盒子模型

7.浮动

8.定位网页元素

9.利用css3制作网页动画

消消十年消消来
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML S1 知识点总结
08-12
北大青鸟s1 HTML 知识点总结 HTML5的优势 世界知名浏览器厂商对HTML5的支持:微软 、Google、苹果、Opera、Mozilla 市场的需求 跨平台 网页编辑工具：记事本、Dreamweaver、WebStorm 网页基本信息： <html> <head lang="en"> <meta charset="utf-8"/> <title>我的第一个网页</title> </head> <body> 我的第一个网页 </body> </html> -------------------------------------------------------------------------------------------------------------------------------------------- 1.块元素与行内元素的区别: 块元素:无论内容多少，该元素独占一行（p、h1-h6…）后续有个div 行内元素:内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…) 后续有个span 2.无序列表 范冰冰演藏族女孩 一线城市楼市退烧 没有顺序，每个标签独占一行（块元素） 默认标签项前面有个实心小圆点 3.有序列表 范冰冰演藏族女孩 一线城市楼市退烧 有顺序，每个标签独占一行（块元素） 默认标签项前面有顺序标记 4.定义列表 水果 苹果 没有顺序，每个标签、标签独占一行（块元素） 默认没有标记
商城产品详情网页html
12-12
这是一个JS+CSS+HTML 源码文件，是一个商城产品详情页的模板。 这是一个JS+CSS+HTML 源码文件，是一个商城产品详情页的模板。
使用HTML语言和CSS3开发商业站点
weixin_30357231的博客
06-26 145
一、HTML5基础 1.HTML5文件的基本结构包括玩野声明、玩野基本信息、网页头部和页面主体等。 2.网页基本标签包括标题标签<h1>~<h6>、段落标签<p>、水平线标签<hr/>、换行标签<br/>等。 3.插入图像是使用标签<img/>，要求src和alt属性必选。 4.超链接<a>标签用于建立页面...
使用HTML 和CSS 开发商业站点
weixin_30273175的博客
01-22 303
第一章HTML 基础1.html 的基本结构？解析：2.HTML 全称Hyper Text Markup Language（超文本标记语言）扩展XML:Extendsible Markup Language(可扩展性标记语言)3.高级记事本Ue（UltraEdit）nodepad++Editplus快捷键用熟一个即可。4.编写html 文档的注意点01.所有标签字母均小写。02.有开始就要有闭合标...
使用HTML语言和CSS开发商业站点(7)
weixin_30852367的博客
03-30 167
body页面体默认有外边距 margin:0px; body{ 　　padding:0px; 　　margin:0px; } vertical-align:middle;/*图片周边文字 相对于图片的位置 top:顶端对齐 middle中间对齐 bottom:底部对齐*/ 转载于:https://www.cnblogs.com/a2367763409/p/...
S1_HTML
Rahab_的博客
03-14 326
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charsset="UTF-8"&gt;/*编码格式:utf-8、gbk(中文)*/&lt;title&gt;名字&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;a name= "顶部"
html css 开发商业站点,Accp60_S1使用HTML语言和CSS开发商业站点(阅读).doc
weixin_39528697的博客
05-31 104
Accp60_S1使用HTML语言和CSS开发商业站点(阅读)课程“Accp6.0_S1.使用HTML语言和CSS开发商业站点”题库试题汇编【001】以下()是HTML常用的块状标签(选择一项)A) B) C) D) 【参考答案】：D【002】以下()标签用于在表单中构建复选框(选择一项)A) B) C) D) 【参考答案】：C【003】如果想跳转到同一目录下的名为success.html文件的名...
accp使用html语言,Accp6.0_S1.使用HTML语言和CSS开发商业站点
weixin_32476639的博客
06-03 210
课程“Accp6.0_S1.使用HTML语言和CSS开发商业站点”题库试题汇编【001】以下()是HTML常用的块状标签(选择一项) A) B) C) D) 【002】以下( )标签用于在表单中构建单选按钮 (选择一项)A) B) C) D) 【003】如果想跳转到同一目录下的名为success.html文件的名为show的锚点，下列()写法是正确的(选择一项)A) 跳转 的链接用...
《使用HTML语言和CSS开发商业站点》学习笔记
weixin_30340353的博客
12-16 157
第一章 1.public 公共的2.static 静态的3.void 无返回值的4.main 主方法5.class 类6.system 系统7.out 输出8.print 打印第二章1.double 双精度浮点型2.string ...
前端三件套知识点
二氧化硅.的博客
01-11 2319
前端三件套知识点
HTML基本标签总结
02-12
文档总结了HTML中基本的标签属性及用法，对初学者较为有用处。
使用HTML语言和CSS开发商业站点
06-25
在构建商业站点的过程中，HTML（超文本标记语言）和CSS（层叠样式表）是两个至关重要的技术。HTML用于创建网页的基本结构，而CSS则负责美化这些页面，使其具有吸引人的外观和用户体验。本课程围绕S1阶段的HTML与CSS...
北大青鸟 8.0 S1使用HTML语言和CSS开发商业站点
07-12
在最后的章节，学员将综合运用所学知识，完成一个商业站点的开发项目，这有助于巩固理论知识，提高实际操作能力。 通过北大青鸟8.0 S1的学习，学员不仅能掌握HTML和CSS的基础知识，还能熟悉Web开发的实战流程，为...
ACCP8.0S1的使用HTML语言和CSS开发商业站点第二部分
02-27
北大青鸟ACCP8.0S1学期中的使用HTML语言和CSS开发商业站点完整版，分成了2个部分，这是第二部分，请下载
accp7.0 S1使用HTML语言和CSS开发商业站点
01-08
本课程“accp7.0 S1”聚焦于利用这两种语言来开发商业站点，旨在帮助学员掌握专业级别的网页设计技能。 HTML是用于创建网页内容的标记语言，它定义了网页的结构和意义。在"accp7.0 S1"课程中，你将学习到如何使用...
S1 北大青鸟 使用HTML语言和CSS开发商业站点.zip
07-15
本教程“S1 北大青鸟 使用HTML语言和CSS开发商业站点”旨在教授如何有效地利用这两门技术来创建专业级别的在线平台。 HTML是网页内容的结构化标记语言，它定义了页面的基本元素，如标题、段落、图像、链接等。在...
ACCPHTMLS1第八章上机1
baidu_36074048的博客
10-21 2314
无标题文档 .a{ background-image:url(../../Desktop/adver-01.jpg); height:800px; width:700px; background-repeat:no-repeat; } dt{ float:left; } .b{ position:relative; left:30px; top:100px; pading
用html+css+js做一个登录页面
最新发布
03-31
以下是一个简单的登录页面示例： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>Login Page</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="login-box"> <h2>Login</h2> <form> <label for="username">Username:</label> <input type="text" id="username" name="username"><br> <label for="password">Password:</label> <input type="password" id="password" name="password"><br> <input type="submit" value="Login"> </form> </div> </body> </html> ``` CSS代码： ``` body { font-family: Arial, sans-serif; background-color: #f2f2f2; } .login-box { width: 300px; background-color: #fff; padding: 20px; margin: 50px auto; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); } h2 { text-align: center; margin-bottom: 20px; } form { display: flex; flex-direction: column; align-items: center; } label { font-weight: bold; margin-bottom: 10px; } input[type="text"], input[type="password"], input[type="submit"] { width: 100%; padding: 10px; margin-bottom: 20px; border: none; border-radius: 5px; } input[type="submit"] { background-color: #4CAF50; color: #fff; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; } input[type="submit"]:hover { background-color: #3e8e41; } ``` JavaScript代码： ``` // 对提交表单事件进行处理 document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); // 阻止表单默认提交行为 // 获取输入框的值 var username = document.querySelector('#username').value; var password = document.querySelector('#password').value; // 对输入进行验证 if (username === '') { alert('Please enter your username!'); } else if (password === '') { alert('Please enter your password!'); } else { alert('Login successful!'); } }); ``` 这是一个简单的登录页面示例，你可以根据自己的需要进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值