码迷,mamicode.com
首页 > 其他好文 > 详细

2015.12.05

时间:2015-12-06 00:13:42      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

网页的组成
 网页是由HTML,CSS,JavaSript组成。


html英文全称:Hyper Text Markup Language
    
    中文全称:超文本标记语言,只能用Web浏览器显示出来。

  html---->结构,决定网页结构和内容。
 
  css----->样式,决定网页美观。

  JavaScript---->行为,决定网页的交互。

 HTML标签虽对大小写不敏感,但是使用大写会产生不可预料的错误;建议使用小写,还有Html标签一般都是成对出现,哪怕有些特定标签只有一个但也会有关闭符号:"/"的存在。
 
  例如:
        <head></head>

        <body></body>

          <p></p>

        <br/>

        <hr/>

html标签大致分为两种;一种为块级元素,另一种为行内元素。(也称内联元素)
块级元素如:
            <h1---h6>,<p>,<ul>,<table>

内联元素如:
            <b>, <td>, <a>, <img>
###表格:###
表格由 <table> 标签定义。每个表格均有多行(是 <tr> 标签定义),每行被分割为多个单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
背景:(Background)

背景属性将背景设置为图像。属性值为图像URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

<body background="clouds.gif">
<body background="http://www.w3school.com.cn/clouds.gif">
URL可以是相对地址,

css

效率:
        
        由于允许同时控制多重页面的样式和布局,CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者,你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。
    多重样式将层叠为一个

        样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

    css基础语法:
            
                selector {declaration1; declaration2; ... declarationN }

        
    选择器:

            元素选择器:

                    h1 {color:blue;}

            类选择器(class="."):

                    <h1 class="important">
                    This heading is very important.
                    </h1>

                    .ipmportant{
                                }
            ID选择器(id=“”)    :
        
                <h1 id="important">
                    This heading is very important.
                    </h1>    

                #intro {font-weight:bold;}

  布局:

  

      overflow:hidden

 

2015.12.05

标签:

原文地址:http://www.cnblogs.com/pykui/p/5022427.html

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