Table of Contents
1.百度首页源代码
2.依次介绍html的基础布局
2.1.

2.1.1.用处

2.3.2用法规范
2.3.
2.3.1用处
2.3.3.head内部的常用标签
Home Web Front-end HTML Tutorial html基础布局介绍_html/css_WEB-ITnose

html基础布局介绍_html/css_WEB-ITnose

Jun 21, 2016 am 09:00 AM

通过百度的源代码为例,来介绍html的基础布局

1.百度首页源代码

baidu.jpg

2.依次介绍html的基础布局

从头开始依次介绍

2.1.

2.1.1.用处

html的头文件,因为html有很多版本,浏览器只有知道html的确切版本,才能正确的显示出html页面信息。因此这就是头文件的作用,用来声音html的版本

2.1.2.用法规范

它必须是html文档的第一行,位于标签之前,并且值得注意的是,它不是一个标签ps:这里是html5的声明

2.2.

所有的html文件都必须包含在html文件当中,如果把一个人比作一个html,那这个人的一切(

、),都必须包含在当中

2.3.

2.3.1用处

是html文档的头部信息,它用来描述html的各种属性和信息,例如编码格式,标题,或者文字显示形式,通常这部分信息不会作为内容真正给读者显示

2.3.2用法规范

应该把

标签放在文档的开始处,紧跟在 后面,并处于 标签或 标签之前。

2.3.3.head内部的常用标签

1)

用来规范html的编码格式

2) <p>定义文档的标题</p> 3)<style> <p>作为内部css的使用 <h3>2.4.<body> <h4>2.4.1用处 <p>作为html的身体,或者说主体,body 元素包含文档了所有内容(比如文本、超链接、图像、表格和列表等等)。简单来说,所有想让用户看到的信息,都必须包括在body里。 <h4>2.4.2常用标签 1)<hn> <p>n可以从1-6(从大到小),是html文档内部的标题 2)<p> <p>定义文档的段落 3)<a> <p>定义文档的链接 4)<img alt="html基础布局介绍_html/css_WEB-ITnose" > <p>定义文档的图片 5)<script> <p>script 标签用于定义客户端脚本,比如 JavaScript。之所以放在body内部的下面,是因为页面加载是自上而下的,而script标签需要用到body内部的信息,如果放置head里,会发生不必要的错误。 </style>
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Is HTML easy to learn for beginners? Is HTML easy to learn for beginners? Apr 07, 2025 am 12:11 AM

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

The Roles of HTML, CSS, and JavaScript: Core Responsibilities The Roles of HTML, CSS, and JavaScript: Core Responsibilities Apr 08, 2025 pm 07:05 PM

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

Understanding HTML, CSS, and JavaScript: A Beginner's Guide Understanding HTML, CSS, and JavaScript: A Beginner's Guide Apr 12, 2025 am 12:02 AM

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors? Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors? Apr 04, 2025 pm 11:54 PM

GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

What is an example of a starting tag in HTML? What is an example of a starting tag in HTML? Apr 06, 2025 am 12:04 AM

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking? How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking? Apr 05, 2025 am 06:15 AM

To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

HTML, CSS, and JavaScript: Essential Tools for Web Developers HTML, CSS, and JavaScript: Essential Tools for Web Developers Apr 09, 2025 am 12:12 AM

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

How to implement adaptive layout of Y-axis position in web annotation? How to implement adaptive layout of Y-axis position in web annotation? Apr 04, 2025 pm 11:30 PM

The Y-axis position adaptive algorithm for web annotation function This article will explore how to implement annotation functions similar to Word documents, especially how to deal with the interval between annotations...

See all articles