您现在的位置:首页 >> 前端 >> 内容

html基础知识

时间:2017/1/7 9:23:00 点击:

  核心提示:一 html51.什么是HTML5?英文全称:Hyper Text Mark language(超文本标记语言)他不是一门编程语言,仅仅是一门标记语言。标记语言:就是一组标记标签注意:html文件的后...

一 html5

1.什么是HTML5?

英文全称:Hyper Text Mark language(超文本标记语言)

他不是一门编程语言,仅仅是一门标记语言。

标记语言:就是一组标记标签

注意:

html文件的后缀:

1).html结束

2).htm结束 DOS操作系统上常见

2.Html5指得是什么?

从广义讲:html5=html+css+jivaScript

3.html5文件内容:

<!DOCTYPE html>
<!--作用:文档类型声明,告诉浏览器采用什么标准进行编码,然后浏览器
就会按照声明的标准进行标签解析。
如果不写:就会进入异常模式,也就是浏览器不知道你当前文件采用什
么格式进行编码的,解析时就会产生混乱。
注意:不区分大小写,以下写法都是正确的:
<!DOCTYPE Html>
<!DOCTYpE html>
-->

<html><!--文件的起始位置-->
    <head>
        <!--head里面的内容不会在浏览器中进行显示-->
        <meta charset="utf-8" />
        <!--meta标签的作用:设置当前文件的编码方式-->
        <title>html</title>
        <!--title:描述当前文件的文件名-->
        <!--head标签里面可以放置的标签:
        1.meta
        2.title
        3.link 作用:链接外部文件如外部CSS文件
        4.base 作用:给当前文件设置默认链接或在浏览器上的打开方式
        5.script标签 作用:
               1) 链接外部js文件
               2) 在该标签写js脚本代码
        6.style 作用:样式标签,在里面写具体的样式代码
        -->
    </head>
    <body>
          作用:body里面的内容,会在浏览器窗口显示。

    </body>
</html>

二 样式

1.内嵌样式

语法:在标签中写一个style的属性

例如:

<p style="具体的样式">

优点:优先级最高

缺点:不易修改,维护困难,代码量非常大,存在代码冗余。

2.内部样式

写法:

在head标签写一个style标签,在style里面通过选择器来选择标签

来控制该标签的样式

例如:

<head>
        <style type="text/css">
            p{
                具体的样式;
            }
        </style>
    </head>

优点:不需要加载服务器,加载速度非常快

缺点:不利于代码扩展和重用

3.外部样式

写法:1.新建一个外部css文件

2.在CSS文件里通过选择器来控制样式

3.在head标签里面通过link来关联这个css外部样式文件

例如:

<link rel="stylesheet" type="text/css"    href="css文件路径" />

优点:

1.重用性强,有利于扩展

缺点:

需要加载服务器

Tags:HT TM ML L基 
作者:网络 来源:weimin137的
  • 上一篇:web基础--02请求
  • 下一篇:inputfile美化