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 Article Tags

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)

Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update? Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update? Mar 04, 2025 pm 12:32 PM

Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?

How do I use HTML5 form validation attributes to validate user input? How do I use HTML5 form validation attributes to validate user input? Mar 17, 2025 pm 12:27 PM

How do I use HTML5 form validation attributes to validate user input?

How to efficiently add stroke effects to PNG images on web pages? How to efficiently add stroke effects to PNG images on web pages? Mar 04, 2025 pm 02:39 PM

How to efficiently add stroke effects to PNG images on web pages?

What is the purpose of the <iframe> tag? What are the security considerations when using it? What is the purpose of the <iframe> tag? What are the security considerations when using it? Mar 20, 2025 pm 06:05 PM

What is the purpose of the <iframe> tag? What are the security considerations when using it?

What are the security implications of using iframes, and how can I mitigate them? What are the security implications of using iframes, and how can I mitigate them? Mar 18, 2025 pm 02:51 PM

What are the security implications of using iframes, and how can I mitigate them?

How do I use the HTML5 <meter> element to display numerical data within a range? How do I use the HTML5 <meter> element to display numerical data within a range? Mar 12, 2025 pm 04:08 PM

How do I use the HTML5 <meter> element to display numerical data within a range?

What are the best practices for cross-browser compatibility in HTML5? What are the best practices for cross-browser compatibility in HTML5? Mar 17, 2025 pm 12:20 PM

What are the best practices for cross-browser compatibility in HTML5?

How do I use HTML links effectively for navigation and SEO? How do I use HTML links effectively for navigation and SEO? Mar 18, 2025 pm 02:39 PM

How do I use HTML links effectively for navigation and SEO?

See all articles