码迷,mamicode.com
首页 > Web开发 > 详细

html基础

时间:2015-11-03 19:21:59      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:

1. 声明文档类型

<!doctype html> 声明文档的解析类型

 

避免浏览器使用怪异模式渲染页面

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGMLDTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD

2. 基本标签

<html>标签:整个HTML文档的包含元素

 

仅有<head><body>两个元素是<html>元素的直接子元素。

 

<head>标签:所有其他头元素的容器

 

紧跟在起始标签<html>之后<head>标签应当包含一个<title>标签以指示文档的标题。此外,还可以以任意顺序包含如下元素的任意组合:

<meta>:用于包含与文档相关的信息。

<script>:用于在文档中包含脚本。

<style>:用于在文档中包含CSS规则。

<link>:用于链接到外部文件

等标签。

 

<title>标签:给页面指定一个标题

 

实际描述站点内容的标题是非常重要<title>标签中只能包含关于页面标题的文本,而不能包含其他任何元素。

 

<body>标签:HTML文档的主体内容

 

用户能够在浏览器主窗口中看到的部分Web页面内容。body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等).既然body包括文档的主体,那么他一定和js联系密切。

 

3. 常用标签

<base> 统一为页面上所有连接设置默认地址和默认目标

 

浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a><img><link><form> 标签中的 URL<base> 标签必须位于 head 元素内部

 

<div> 可定义文档中的分区或节

 

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。<div> 是一个块级元素这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。浏览器通常会在 div 元素前后放置一个换行符。

 

<form>  标签用于为用户输入创建 HTML 表单

 

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menustextareafieldsetlegend 和 label 元素。表单用于向服务器传输数据。<form> 元素是块级元素,其前后会产生折行。

4. 标签基本属性

Id 声明元素唯一标识

Class 声明元素所属类

Name 声明元素名称

5. 元素分类

HTML 的元素可以分为两种:

块级元素(block level element

内联元素(inline element 

两者的区别在于以下三点:

块级元素会独占一行(即无法与其他元素显示在同一行内,除非你显示修改元素的 display 属性),而内联元素则都会在一行内显示块级元素就从上到下排列,遇到内联元素则从左到右排列

块级元素可以设置 widthheight 属性,而内联元素设置无效。

块级元素的 width 默认为 100%,而内联元素则是根据其自身的内容或子元素来决定其宽度。

常见块级元素有 <div> 、<form><table><p><h1>~<h6>,常见的内联元素有 <input><img><textarea><span> 、<a> 

6. 实例

 

 

html基础

标签:

原文地址:http://www.cnblogs.com/hjwublog/p/4933850.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!