• 什么是HTML


    什么是HTML

    复制代码
    Hyper Text Markup Language,超级文本标记语言
    - 普通文本a:无特殊意义,超级文本<a>:超链接
    - 超文本:文本具备特殊的功能
    - 标记:超文本的组成形式<a>
    - 语言:拥有自己的语法结构
    
    用该语言编写的文件,以.html 或 .htm为后缀,用来设计网页
    由浏览器解释运行,可以嵌入脚本语言编写的程序片段,如JS。
    复制代码

    HTML基础语法

    1- 标记语法

    复制代码
    标记以封闭类型划分:
    (1)封闭类型标记.也称双标记,必须成对出现
        <标记>内容</标记>
    (2)非封闭类型的标记,也叫做空标记/单标记
        <标记> 或 <标记/>
    
    例如:
    <a  href=“www.baidu.com” id=“baidu-link”>标签内容</a>
    其中:a为标签名,也叫元素;
          href,id为属性;
          双引号中的值为属性值
    复制代码
    1-1 元素
    复制代码
    指尖括号及尖括号间所包围的内容部分
    元素可以包含文本内容和其他元素,也可以是空的
    a.包含文本内容:<p>这是一段文本</p>
    b.元素嵌套:形成更为复杂的语法
                <div>
                     <p></p>
                 </div>
    注意:(1)嵌套顺序;(2)代码缩进(保证代码可读性)
    c.空标记<b></b>
    复制代码
    1-2 属性和值
    复制代码
    属性是用来修饰元素的
    <标记 属性="值" 属性="值">
     ex:<p align="center" id="p1"></p>
    
    【常用的标准属性】
    id: 定义元素在页面中的唯一标识
    title:鼠标移入到元素上时提示的文本
    class:样式相关,定义元素引用的类选择器
    style:样式相关,定义元素的行内样式
    复制代码
    1-3 注释
    在源码中编写,但不会被浏览器所解释的内容,成为注释
    可以将对代码的解释说明放在注释中
    语法:<!--  注释内容  -->

    2- 文档结构

    复制代码
    (1)文档类型声明
    指定HTML的版本和风格<!DOCTYPE html>
    (2)HTML页面
    表示HTML页面的开始与结束
    语法:<html></html>
    位于<!doctype html>之下
    复制代码
    2-1 HTML页面
    包含页面头部和页面主体两部分

    页面头部:定义页面全局信息

    复制代码
    <head></head>
    紧跟在html之后,是html中的首个子元素
    
    头部所包含的内容(子元素)
    (1)网页标题:<title>标题内容</title>
    (2)定义网页的编码格式,关键字,描述
        网页的编码格式:<meta charset="utf-8">(utf-8:支持中英文、标点、符号)
        关键字:<meta name="keywords" content="关键字">
        描述:<meta name="description" content="描述内容">
    (3)定义或引用javascript:<script></script>
    (4)<style></style>定义内部样式
    (5)<link>引入外部样式
    复制代码

    页面主体:网页显示的主体内容

    <body></body>
    【属性】
    text:表示文本颜色
    bgcolor:表示网页的背景颜色

    简单完整写法如下:

    复制代码
    <!doctype html>
    <html>
      <head>
        <meta charset="utf-8"/>
        <title>页面名称</title>
        <link rel=”stylesheet“ type="text/css" href="文件路径"/>
        <style>样式</style>
        <script>js脚本</script>
    </head>
        <body>
            <div>
                <p></p>
            </div>
        </body>
    </html>
    复制代码
  • 相关阅读:
    eclipse中怎么修改所复制的web项目的部署名字
    javax.servlet.jsp.JspException cannot be resolved to a type异常信息
    如何修改maven本地仓库位置
    如何让plsql连接64位oracle数据库
    JavaWeb: 报错信息The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path
    解决eclipse spring-MVC配置报错:cvc-elt.1: Cannot find the declaration of element 'beans'.
    jdk环境变量配置
    12. Mysql基础入门
    11. Linux从入门到进阶
    PC、APP、H5三端测试的相同与不同
  • 原文地址:https://www.cnblogs.com/zxy6/p/11650040.html
Copyright © 2020-2023  润新知