大二暑假学习计划(HTML、CSS实现)

大二暑假计划

大二暑假希望不能荒废,希望能提升自己
用这两天学的HTML和CSS做了一个计划表
下面展示这些 HTML和CSS代码

目录

    • 大二暑假计划
  • 1、HTML
    • 2、CSS
      • 3、预览图片

1、HTML


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>暑假学习计划title>
<link rel="stylesheet" href="暑假学习.css" />
head>

<body>
<div><h2>暑假学习计划h2>div>
<table align="center">
<tr><td class="title" width="300">已知任务:td><td class="elements" width="600">英语单词,驾校练车,前端开发,C++重新学习td>tr>
<tr><td class="title">学习方法:td><td class="elements">英语单词看读词典,驾校听教练安排,前端开发看B站网课,C++看C++ primer电子书并尽量做课后习题td>tr>
<tr><th colspan="2">一日计划th>tr>
<tr><td class="title">早上td><td class="elements">练车和背英语td>tr> 
<tr><td class="title">13:10-16:30 td><td class="elements">学习前端开发td>tr> 
<tr><td class="title"> 16:30-17:50td><td class="elements">看c++ primer学习td>tr> 
<tr><td class="title">18:30-21:00td><td class="elements">继续看c++primer 并做好笔记td>tr>
 <tr><td class="title">21:00-21:30td><td class="elements">休息复盘一天收获 td>tr>
  <tr><td class="title">21:40-22:00td><td class="elements">看英语单词td>tr>
  <tr><td class="title"> 22:00-23:00td><td class="elements">前端开发td>tr>
 <tr><td class="title"> 23:00-1:00td><td class="elements">休息洗漱td>tr>table>
<h3 align="right"> 我想对自己说h3>
 <ul>
	<li>坚持!li>
    <li>别放弃!li>
    <li>坚持住,别放弃!li>ul>td>tr>
body>
html>

2、CSS

@charset "utf-8";
/* CSS Document */
h2{
     
	text-align:center;
	font-style:normal;
}
.title{
     
	color:#F6C;
	text-align:center;
	font-size:24px;
	font-weight:500;
	font-family:"黑体";
	background-color:#3CF;
}
.elements{
     
	color:#F6F;
	text-align:center;
	font-size:21px;
	background-color:#FC9;
}
th{
     
	background-color:#6FC;
	color:#F00;
}
div{
     
	background-color:#6FC;
}
ul{
     
	text-align:right;
}

3、预览图片

大二暑假学习计划(HTML、CSS实现)_第1张图片

你可能感兴趣的:(暑期计划HTML,html,css,web开发,html5,js)