zoukankan      html  css  js  c++  java
  • 什么是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>
    复制代码
  • 相关阅读:
    SlidingMenu官方实例分析8——CustomAnimation
    SlidingMenu官方实例分析7——SlidingContent和SlidingTitleBar区别
    SlidingMenu官方实例分析5——FragmentChangeActivity
    SlidingMenu官方实例分析4——AttachExample
    云虚拟主机和云服务器的区别
    SAP MM常用表
    dedecms 模板文件不存在,无法解析文档"的终极各种解决办法
    js代码如何测试代码运行时间
    java 连接msql数据库
    Java 创建xml文件和操作xml数据
  • 原文地址:https://www.cnblogs.com/zxy6/p/11650040.html
Copyright © 2011-2022 走看看