zoukankan      html  css  js  c++  java
  • HTML基础知识1——HTML简介

    超文本标记语即是我们所熟知的HTML语言,它是一种用于创建网页的标记语言,我们可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析

    对HTML的理解:

    (1)它是一种标记语言即是一套标记标签并不是一种编程语言,HTML使用标记标签 来描述网页

    (2)HTML文档又叫做web页面,它包含了HTML标签文本内容 

    HTML特点:

    1. html不需要编译,直接由浏览器执行
    2. html文件是一个文本文件
    3. html文件必须使用html或html为文件名后缀
    4. html大小写不敏感,html与HTML一样

    HTML的基础语法:

    (1)html基本结构

    html结构包括:html文件、头部信息、网页内容

    <html>
    <head>
        <title>标题</title>
    </head>
    <body>
        网页主体内容    
    </body>
    </html>

    注意:

    写在head标签中的内容,在网页上不会显示出来

    在网页中能看见的内容都是写在body标签中的内容

    (2)html标签

    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。在基础知识一种写过元素由开始标签、元素内容、结束标签所构成,如:<p>这是一个段落</p>就是一个段落元素

    其实简单的来说HTML文档就是由嵌套的HTML元素构成的。

    • HTML 标签是由尖括号包围的关键词,比如 <html>
    • HTML 标签通常是成对出现的,比如 <b> 和 </b>
    • 标签对中的第一个标签是开始标签,第二个标签是结束标签
    • 开始和结束标签也被称为开放标签闭合标签
    <标签>内容</标签>

    例如:一个简单的HTML文档

    <!DOCTYPE html>
    <html>
    
    <body>
    <p>这是第一个段落。</p>
    </body>
    </html>

    上实例就包括了三个HTML元素分别是:<html>元素<body>元素<p>元素

    注意:

    *有些标签可以完成自结束的功能,例如:<br/>

    *虽然不加结束标签时大多数浏览器也会正确地显示 HTML,但是忘记使用结束标签有时也会产生不可预料的结果或错误。

    *HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。但是我们在开发时一般都使用小写

    (3)HTML元素

    一个 HTML 元素包含了开始标签与结束标签,如下实例:HTML 元素:<p>这是一个段落。</p>

    一个简单的HTML实例:
     
    <!DOCTYPE html>                              //声明为HTML5文档
    <html>                                       //HTML页面根元素
    <head>                        //HTML的头元素,是不可缺少的组成部分 
    <meta charset="utf-8">                       //meta是元数据,charset定义网页编码格式
    <title>菜鸟教程(runoob.com)</title>           //标题元素
    </head>
    <body>                                      //同<head>一样是不可或缺的部分
     
    <h1>我的第一个标题</h1>                        //标题                         
     
    <p>我的第一个段落。</p>                         //段落
     
    </body>
    </html>

     (4)html属性

    HTML属性可以理解为是HTML元素提供的附加信息,他一般描述于开始标签中,一般以名值对的形式出现 ,如name=“value”

    关于HTML属性的一般注意事项:

    **属性值应该始终包括在引号内,双引号是最常用的,但是在某些个别情况下如:属性值自身就包含了双引号,那这个时候就要用使用单引号了如:name='xiao"hong"mao'

    **属性和属性值对大小写不敏感,但是新版本的HTML要求使用小写属性

    **属性写在开始标签中,多个属性之间用空格隔开

    **属性的书写格式如下:<标签名 属性名1=“属性值” 属性名2=“属性值” ...></标签名>

    常用的属性有:

    属性 描述
    class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
    id 定义元素的唯一id
    style 规定元素的行内样式(inline style)
    title 描述了元素的额外信息 (作为工具条使用)

    *HTML属性有很多,在我们使用时可以查找HTML属性参考手册

    html的注释格式:

    注释的作用只是为了方便阅读,注释中的内容不会出现在浏览器的页面上

    <!-- 注释内容-->

    日积月累
  • 相关阅读:
    Java面试——VUE2&VUE3概览
    Golang 面试笔录
    数据科学完整流程概述
    周志华 机器学习 西瓜书 主要符号表
    数据分析师的发展方向?
    404 GET /nbextensions/jupyter-js-widgets/extension.js
    如何使用Conda源快速安装PyTorch?
    美化React组件之CSS Modules
    react如何全局配置sass
    nuxt api缓存,组件缓存,页面缓存
  • 原文地址:https://www.cnblogs.com/qiumh/p/11721467.html
Copyright © 2011-2022 走看看