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

html_1基础

时间:2015-09-16 16:05:09      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:html5

1、HTML的宏观结构树

<!DOCTYPE html>

<html>

<head>

</head>

<body></body>

</html>


2、HTML内的head里面的内容

  示例example:

<!DOCTYPE html>

<html>

     <head>

           <meta http-equiv="content-type" content="text/html;charset=utf-8">

           <title>页面一</title>    

     </head>

     <body></body>

</html>

3、块级标签(行标签)和内敛标签(行内标签)

<!DOCTYPE html>

<html>

     <head>

           <meta http-equiv="content-type" content="text/html;charset=utf-8">

           <title>页面一</title>    

     </head>

     <body>

           <div>block块标签</div>

           <span>内敛标签<span>

     </body>

</html>

解说:1、块级标签一个占用一行,内敛标签内容有多长占用多长

      2、块级标签:div、h1、p   内敛标签:span、a、select

4、html中的特殊符号表示

  http://www.jb51.net/onlineread/htmlchar.htm

5、p和br标签

   p  表示段落,默认段落之间是有间隔的

   tr 是换行,这个标签是自闭合的

  example:

 

<!DOCTYPE html>

<html>

     <head>

           <meta http-equiv="content-type" content="text/html;charset=utf-8">

           <title>页面一</title>    

     </head>

     <body>

           <div>block<br/>块标签</div>

           <p>内敛标签</p>

           <p>内敛标签</p>

     </body>

</html>



本文出自 “anryk的技术路” 博客,请务必保留此出处http://anryk.blog.51cto.com/2814752/1695282

html_1基础

标签:html5

原文地址:http://anryk.blog.51cto.com/2814752/1695282

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