zoukankan      html  css  js  c++  java
  • HTML学习笔记 糖不苦

    什么是HTML?
    HTML不是一种编程语言,它是一种超文本标记语言(Hyper Text Markup Language),标记语言是一套标记标签(Markup tag),浏览器通过HTML标记标签描述网页。

    HTML 文档包含了HTML 标签及文本内容,也叫做 web 页面

    HTML 网页结构
    HTML文档的文件名一般为“文件名.htm”或者“文件名.html”,HTML文档由文档声明和html元素组成,html元素内,只能包含head元素和body元素,如:

    基本HTML结构

    我是一级标题

    我是一段文本段落

    声明为 HTML5 文档,避免浏览器的错误解析 元素是 HTML 页面的根元素,html元素内,只能包含head元素和body元素 <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。 <title> 元素描述了文档的标题,显示在浏览器的标签页 <body> 元素包含了可见的页面内容

    元素定义一个大标题

    元素定义一个段落

    注:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。

    HTML 基础
    HTML 标题(Heading)是通过

    -

    标签来定义的。数字越大字号越小

    注: 浏览器会自动地在标题的前后添加空行。

    HTML 水平线是通过标签


    来创建水平线。

    HTML 段落是通过标签

    来定义的

    HTML 链接是通过标签 来定义的,如

    这是一个链接
    注:在 href 属性中指定链接的地址。

    HTML 图像是通过标签 来定义的,如

    注:图像的名称和尺寸是以属性的形式提供的。

    HTML 文本格式化通过标签如 ("bold") 与 ("italic") 对输出的文本进行格式, 如:粗体 or 斜体

    HTML 注释写法:

    HTML 参考手册- (HTML5 标准)

    什么是HTML 标签?什么是HTML 元素?
    HTML 标记标签通常被称为 HTML 标签 (HTML tag),HTML 标签 和 HTML 元素 通常都是描述同样的意思.

    HTML标签是由尖括号包围的关键词,如:

    HTML标签通常是成对出现的,分别叫做开始标签和结束标签也被称为开放标签和闭合标签,结束标签和开始标签的内容一样,只是在关键词前添加/正斜杠表示结束,如:


    某些 HTML 元素具有空内容(empty content),空元素在开始标签中进行关闭(以开始标签的结束而结束),如:


    大多数 HTML 元素可拥有属性

    大多数 HTML 元素可以嵌套(HTML 元素可以包含其他 HTML 元素),HTML 文档由相互嵌套的 HTML 元素构成

    注:推荐使用小写标签,在未来 (X)HTML 版本中强制使用小写

    HTML 属性
    属性是 HTML 元素提供的附加信息。

    HTML 元素可以设置属性

    属性可以在元素中添加附加信息

    属性一般描述于开始标签

    属性总是以名称/值对的形式出现,比如:name="value"

    属性值应该始终被包括在引号内

    实例:

    这是一个链接
    HTML 头部

    <head> 元素包含了所有的头部标签元素: <title>, <style>, <meta>, <link>, <script>, <noscript> ,<base> HTML <title> 元素 <title> 标签定义了不同文档的标题q <title> 在 HTML/XHTML 文档中是必须的 <title> 元素的作用:

    定义了浏览器工具栏的标题

    当网页添加到收藏夹时,显示在收藏夹中的标题

    显示在搜索引擎结果页面的标题

    HTML 元素

    标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接 <head> <base href="http://www.google.com/images/" target="_blank"> </head> HTML <link>元素 <link>标签定义了文档与外部资源之间的关系。 标签通常用于链接到样式表: <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> HTML <style> 元素 <style> 标签定义了HTML文档的样式文件引用地址

  • 相关阅读:
    2018-2019-1 20189221 《从问题到程序》第 6 周学习总结
    2018-2019-1 20189221 《Linux内核原理与分析》第七周作业
    《文献管理与信息分析》第 2 周学习总结
    2018-2019-1 20189221 《从问题到程序》第 5 周学习总结
    2018-2019-1 20189221 《Linux内核原理与分析》第六周作业
    2018-2019-1 20189206 《深入理解计算机系统》第一章学习笔记
    2018-2019-1 20189206 《从问题到程序》速读
    2018-2019-1 20189206 《深入理解计算机系统》速读
    2018-2019-1 20189206 《构建之法》速读
    2018-2019-1 20189206 《Linux内核原理与分析》第二周作业
  • 原文地址:https://www.cnblogs.com/wwyydd/p/14031560.html
Copyright © 2011-2022 走看看