zoukankan      html  css  js  c++  java
  • day12(html、css)

    html

        一、什么是html

    • 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。
    • 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)
    • 网页文件的扩展名:.html或.htm

        二、html的文档结构

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <title>css样式优先级</title>
    </head>
    <body>
    
    </body>
    </html>

      1、<!DOCTYPE html> :声明为html5文档

      2、<html>、<html>:是文档的开始和结束标志。是html页面的跟元素,在他们之间是文档的头部<head>、和主题<body>。

      3、<head>、<head>:定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。

      4、<title>、< itle>:定义了网页标题,在浏览器标题栏显示。

      5、<body>、<ody>:之间的文本是可见的网页主体内容。

      注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

    三、文档的标签格式  

    • HTML标签是由尖括号包围的关键字,如<html>, <div>等
    • HTML标签通常是成对出现的,比如:<div>和</div>,第一个标签是开始,第二个标签是结束。结束标签会有斜线。
    • 也有一部分标签是单独呈现的,比如:<br/>、<hr/>、<img src="1.jpg" />等。
    • 标签里面可以有若干属性,也可以不带属性。  

    标签的语法:

    • <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
    • <标签名 属性1=“属性值1” 属性2=“属性值2”…… />

    几个很重要的属性:

    • id:定义标签的唯一ID,HTML文档树中唯一
    • class:为html元素定义一个或多个类名(classname)(CSS样式类名)
    • style:规定元素的行内样式(CSS样式)

    注释:

    <!--注释-->

    四、html的常用标签

      1、<head>内常用标签

       <title>< itle>:定义网页标题

       <style><style>:定义内部样式表

        <><>

  • 相关阅读:
    纯js实现10分钟倒计时
    js中的constructor
    双指放大缩小问题(不需要第三方插件)
    js异步加载的3种方式(转载)
    5种处理js跨域问题方法汇总(转载)
    oncopy="document.selection.empty()"跟oncopy="return false"什么区别?
    十进制 转换为 二进制
    99%的人都理解错了HTTP中GET与POST的区别(转载
    简单封装:检测邮箱是否合法
    Xshell记录日志的方法
  • 原文地址:https://www.cnblogs.com/xingguolv/p/8621616.html
Copyright © 2011-2022 走看看