HTML

最新推荐文章于 2022-05-19 15:12:37 发布

brightyuan

最新推荐文章于 2022-05-19 15:12:37 发布

阅读量618

点赞数

分类专栏： Web

本文链接：https://blog.csdn.net/gamekenlove/article/details/39207203

版权

Web 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML <div> 元素

HTML <div> 元素是块级元素,可用于组合其他 HTML 元素的容器。

属于块级元素，浏览器会在其前后显示折行

1.如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性

2.另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

HTML基础结构

<html>
<head>
    <title>放置文章标题</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    //这里是网页编码现在是gb2312
    <meta name="keywords" content="关键字"/>
    <meta name="description" content="本页描述或关键字描述"/>
</head>
<body>
这里就是正文内容
</body>
</html>

HTML <span> 元素

HTML <span> 元素是内联元素，可用作文本的容器。

当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性

div 元素是用于分组 HTML 元素的块级元素。

HTML <th> 标签

定义表格内的表头单元格。

HTML 表单中有两种类型的单元格：

表头单元格 - 包含表头信息（由 th 元素创建）
标准单元格 - 包含数据（由 td 元素创建）

th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本

简单理解， div 是标签， css 是设置标签样式（穿衣服）， html 是由div等标签组成的网页

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div#container{width:500px}
div#header {background-color:#99bbbb;}
div#menu {background-color:#ffff99;height:200px;width:150px;float:left;}
div#content {background-color:#EEEEEE;height:200px;width:350px;float:left;}
div#footer {background-color:#99bbbb;clear:both;text-align:center;}
h1 {margin-bottom:0;}
h2 {margin-bottom:0;font-size:18px;}
ul {margin:0;}
li {list-style:none;}
</style>
</head>


<body>


<div id="container">


<div id="header">
<h1>Main Title of Web Page</h1>
</div>


<div id="menu">
<h2>Menu</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>


<div id="content">Content goes here</div>


<div id="footer">Copyright W3School.com.cn</div>


</div>


</body>
</html>