当前位置: 首页 > news >正文

网站开发基础:HTML、CSS

前端开发主要使用的技术如 HTML、CSS 和 JavaScript 等。

简单制作一个网页

 

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>柒毓同学网站的首页</title><style>.c1{border: solid 1px green;width: 49%;height: 250px;float: left}</style>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>柒毓同学网站的首页</title><style>.c1{border: solid 1px green;width: 49%;height: 250px;float: left}</style>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2><div style="border: solid 1px red;width: 100%;height: 300px"></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>柒毓同学网站的首页</title><style>.c1{border: solid 1px green;width: 49%;height: 250px;float: left}</style>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2><div style="border: solid 1px red;width: 100%;height: 300px"><div class="c1"><ol><li>我是第一行</li><li>我是第二行</li></ol></div><div class="c1" style="float: right"><ul><li>我是第一行</li><li>我是第二行</li></ul></div></div></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>柒小毓网站的首页</title><style>.c1{border: solid 1px green;width: 49%;height: 250px;float: left}</style>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2><div style="border: solid 1px red;width: 100%;height: 300px"><div class="c1"><ol><li>我是第一行</li><li>我是第二行</li><li>http://www.baidu.com</li><li>liujingwei@cueb.edu.cn</li><li>liu.jingwei@cueb.vip</li><li>liu-jingwei@teacher.cueb-2019.vip</li><li>liujingwei@cueb...vip</li></ol></div><div class="c1" style="float: right"><ul><li>我是第一行</li><li>我是第二行</li><li>http://www.baidu.com</li><li>liujingwei@cueb.edu.cn</li><li>liu.jingwei@cueb.vip</li><li>liu-jingwei@teacher.cueb-2019.vip</li><li>liujingwei@cueb...vip</li></ul></div></div></body>
</html>

http://www.lryc.cn/news/451772.html

相关文章:

  • IP协议讲解
  • SpringMVC4-SpringMVC获取请求参数
  • 【C++】C++基础
  • 自动化运维工具 Ansible
  • 深度学习:GAN图像生成
  • django基于python的房价分析可视化系统的设计与开发 h1y0i
  • Labview helper
  • 《安富莱嵌入式周报》第343期:雷电USB4开源示波器正式发布,卓越的模拟前端低噪便携示波器,自带100W电源的便携智能烙铁,NASA航空航天锂电池设计
  • 如何用JavaScript编写一个简单的计数器
  • uniapp中实现评分组件,多用于购买商品后,对商品进行评价等场景
  • 算法笔记(三)——前缀和算法
  • Nginx技术深度解析与实战应用
  • Maven Surefire Plugin
  • 八、跳跃、闪避
  • 使用辅助分类器 GAN 进行条件图像合成
  • C#中的static关键字:静态成员与单例模式的实现
  • 【优选算法】(第八篇)
  • 告别PPT熬夜!Kimi+AIPPT一键生成PPT,效率upup!
  • 大语言模型在构建UNSPSC 分类数据中的应用
  • C++初阶:STL详解(十)——priority_queue的介绍,使用以及模拟实现
  • Qt | Linux+QFileSystemWatcher文件夹和文件监视(例如监视U盘挂载目录)
  • 【Linux进程间通信】Linux匿名管道详解:构建进程间通信的隐形桥梁
  • 【力扣 | SQL题 | 每日三题】力扣1148, 1327, 1211, 1174
  • 【鸿蒙开发】详解GridRowSizeOption的尺寸属性
  • Sping源码:三级缓存
  • latex有哪些颜色中文叫什么,Python绘制出来
  • C语言进程
  • C#基础(4)封装——成员方法
  • springbot,JWT令牌的使用。实现http请求拦截校验。
  • 【SQL】DDL语句