首页前端开发HTMLhtml中定义文档的标签,HTML文件分为哪两部分

html中定义文档的标签,HTML文件分为哪两部分

时间2023-05-10 09:20:02发布访客分类HTML浏览1062
导读:1、html中定义文档的标签,HTML文件分为哪两部分?1、HTML文件分为head和body两部分2、head部分包括title标签,link标签和script标签,在head部分定义HTML文件的主题,关键词,SEO优化,CSS外链,J...

1、html中定义文档的标签,HTML文件分为哪两部分?

1、HTML文件分为head和body两部分

2、head部分包括title标签,link标签和script标签,在head部分定义HTML文件的主题,关键词,SEO优化,CSS外链,JS外链等部分;

3、body部分包括HTML文档整个基础结构及其交互。

2、html里的tr和阿td分别是什么意思啊?

html中 标签定义 HTML 表格中的行。tr 元素包含一个或多个 th 或 td 元素。 HTML中 标签定义 HTML 表格中的标准单元格。 元素中的文本通常是普通的左对齐文本。 例如一个简单的 HTML 表格,包含两行两列:

3、代表文档中的一段或者一节的标签为?

section标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 HTML 4.01 与 HTML

5 之间的差异

section标签是 HTML 5 中的新标签。

!DOCTYPE html>

html>

head>

meta charset="utf-8">

title> 北国风光/title>

meta name="viewport" content="width=device-width, initial-scale=1.0">

style type="text/css" media="screen, projection">

body {

line-height:1;

color:#333;

}

ol, ul, h1 {

margin:0;

padding:0;

list-style:none;

}

a {

color: #933;

text-decoration: none;

}

a:hover {

color: #DF3030;

}

nav h1 {

text-align:center;

}

nav h1 img {

width:90%;

}

nav ul {

border-top: 1px solid #999;

}

nav li {

text-align: center;

border-bottom:1px solid #ccc;

line-height:60px;

}

nav li a {

display:block;

}

nav li a:hover {

background-color:#e4e4e4;

}

section {

font-size:14px;

font-family:"宋体";

}

section h2 {

font-size:18px;

text-align:center;

font-family:"黑体";

font-weight:lighter;

}

section span {

padding:0 10px;

background-color:#FFF;

}

section li {

text-align:center;

}

section li img {

width:98%;

border-radius:5px;

}

section article {

border-top: 1px solid #999;

margin-top:20px;

padding-bottom:20px;

}

.clear {

clear:both;

line-height:5px;

}

footer {

clear:both; border-top: 1px solid #999;

font-size: 12px;

text-align: center;

padding: 10px 0;

font-family:Arial, Helvetica, sans-serif;

color:#666;

}

@media (max-width: 400px) {

nav li {

float:left;

width:32%;

margin-left:1%;

}

section {

clear:both;

padding:20px 0;

}

section li {

margin:10px 2px;

}

section li span {

display:block;

text-align:center;

font-size:12px;

}

}

@media (min-width:400px) and (max-width: 600px) {

nav li {

float:left;

width:32%;

margin-left:1%;

}

section {

clear:both;

padding:20px 0;

}

section li {

float:left;

margin:10px 2px;

width:48%;

}

section li span {

display:block;

text-align:center;

font-size:12px;

}

}

@media (min-width:600px) and (max-width:900px) {

nav {

float:left;

width:35%;

}

section {

float:left;

width: 65%;

padding:20px 0;

}

section li {

float:left;

margin:10px 2px;

width:48%;

}

section li span {

display:block;

text-align:center;

font-size:12px;

}

}

@media (min-width: 900px) {

nav h1 {

float:left;

width:35%;

height:200px;

}

nav ul {

float:left;

width: 65%;

}

nav li {

float:left;

width:32%;

margin-left:1%;

}

section {

float:left;

width: 65%;

padding:20px 0;

}

section li {

float:left;

margin:10px 2px;

width:32%;

}

section li span {

display:block;

text-align:center;

font-size:12px;

}

}

/style>

/head>

body>

nav>

h1 id="logo"> a href="#"> img src="images/logo.jpg" alt="北国风光"> /a> /h1>

ul>

li> a href="#"> 名词来历/a> /li>

li> a href="#"> 北国雾凇/a> /li>

li> a href="#"> 风光图片集/a> /li>

/ul>

/nav>

section>

article>

h2 style="margin-top:-15px; "> span> 风光图片集/span> /h2>

ol>

li> a href="#"> img src="images/Scene1.jpg" alt=""> span> 图片1/span> /a> /li>

li> a href="#"> img src="images/Scene2.jpg" alt=""> span> 图片2/span> /a> /li>

li> a href="#"> img src="images/Scene3.jpg" alt=""> span> 图片3/span> /a> /li>

li> a href="#"> img src="images/Scene4.jpg" alt=""> span> 图片4/span> /a> /li>

li> a href="#"> img src="images/Scene5.jpg" alt=""> span> 图片5/span> /a> /li>

li> a href="#"> img src="images/Scene6.jpg" alt=""> span> 图片6/span> /a> /li>

/ol>

div class="clear"> /div>

/article>

footer> 北国风光© 2011/footer>

/section>

/body>

/html>

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html中定义文档的标签,HTML文件分为哪两部分
本文地址: https://pptw.com/jishu/24894.html
新手怎么用手机拍出好的vlog css选择器 选择单数.txt

游客 回复需填写必要信息