HTML常见代码（包含CSS等）

最新推荐文章于 2024-04-02 15:50:49 发布

wedth

最新推荐文章于 2024-04-02 15:50:49 发布

阅读量262

点赞数

分类专栏：工具入门文章标签： html css html5

本文链接：https://blog.csdn.net/weixin_50117106/article/details/119343811

版权

这篇博客是作者作为初学者的期末作业，创建了一个关于卡普空的日语网页，涵盖了HTML和CSS的基础知识。内容包括背景图片透明化、表格制作、页面跳转、字体与色彩设置、CSS布局、视频插入（以YouTube为例）、内部链接以及图片展示。通过这个实例，适合其他初学者学习和参考。

摘要由CSDN通过智能技术生成

以下是本人初学者的期末作业
（本人期末作业做的是关于卡普空的日语网页，个人觉得很多入门项的知识都包括在里面了，适合初学者来看）
其中涉及：
1.背景图片透明化
2.表格
3.其他页面的跳转设定
4.字体颜色等色彩调试
5.CSS一点点块状知识
6.如何插入视频等
7.网页内跳转
8.图片

<!doctype html>
<html lang="ja">
<!语言设定我是为日语的>

<head>
    <meta charset="UTF-8">
    <title>カプコン</title>
    <! 浏览器页面的名字>
    <meta name="description" content=" 会社のホームページ ">
<style>
div.background {
    
  background: url(haikei.png) repeat-y;
  background-color:white;
  background-position:center;
  opacity:0.9;
  background-size: 50em;
}
<!这一块就是背景的设定什么的>
div.transbox {
    
  background-color: #ffffff;
  opacity: 0.9;
}
<!这一块就是背景的颜色，就是把背景放到一个大的箱子里>
div.transbox p {
    
  margin: 5%;
  font-weight: bold;
  color: black;
}
<!背景中的文本默认设定，如果要调的话可以再具体起块来设定>
<!总体来说这上面三个div块都是是关于背景的设定的，我是准备将网页
的背景设置为卡普空的logo，并且做成透明，文本是黑色字体>
 h1{
    
color:black; text-align:center;
}
table{
    width:800px; margin: 0 auto;}
<！表格大小设定>
 #ul1 {
    
 height: 40px;
 width: auto;
 display: table;
 margin: 0 auto;         
 text-align: center;
 padding: 0;
 }
 
  #h3i {
    
 height: 40px;
 width: auto;
 display: table;
 margin: 0 auto;         
 t