HTML基本结构介绍

迷茫
发布: 2017-03-25 12:23:45
原创
3049人浏览过

前面的话

  一个完整的html文档必须包含3个部分:文档声明、文档头部和文档主体。而正是它们构成了html的骨架结构。前面已经分别介绍过文档声明和文档头部,本文将详细介绍构成html骨架结构的基础元素

HTML

  元素代表HTML文档的根(root),其他所有元素都是该元素的后代。与标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。文档的头部由head>标签定义,而主体由

标签定义

#HEAD

  

标签用于定义文档的头部,它是所有头部元素的容器。;大部分不可见,描述了文档的一些基本的属性和信息(可以呈现的是title和icon)。元素下的子元素主要包括、<base>、<link>、<style>和<script>这六个元素<p>  <title>定义文档的标题,它是head部分中唯一必需的元素<p><span>立即学习“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)”;<p>  如果在文档中忽略了<head>标签,则大部分浏览器会自动创建一个<head>元素<p>  关于文档头部的更多信息移步至此<h3>BODY<p>  <body>表示的是HTML文档的主体内容,任何一个HTML文档,只允许存在一个<body>元素<p>【默认样式】<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false;">chrome/firefox/safari/IE8+ margin:8px; IE7- margin:15px 10px;</pre><div class="contentsignin">登录后复制</div></div><h3>结构<p>  在sublime<a href="http://www.php.cn/code/6852.html" target="_blank">编辑器中,输入!,再按住Tab键,就可以生成一个基本的HTML结构,结构如下<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html></pre><div class="contentsignin">登录后复制</div></div><p>  在实际中,文档的头部结构常常需要承载一些常用的功能,所以HTML结构较复杂,结构如下<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Document</title> <meta name="keywords" content=""/> <meta name="description" content=""/> <meta name="viewport" content="width=device-width"/> <link rel="stylesheet" href="5/style.css"/> <link rel="shortcut icon" href="ico.ico"/> </head> <body> </body> </html></pre><div class="contentsignin">登录后复制</div></div><div><div></style>

以上就是HTML基本结构介绍的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号