zoukankan      html  css  js  c++  java
  • HTML 简介

    HTML简介

    HTML(Hyper Text Markup Language):超文本标记语言,它不是一种编程语言,而是一种标记语言,它使用标记标签来描述网页。

    HTML文档描述网页,也被称为网页,浏览器可以读取HTML文档,并以网页的形式显示出它们。

    HTML主体框架

    <!-- 文档声明 -->
    <!doctype HTML> 
    <!-- html的根标签(元素),网页中的所有内容都要写在根元素里边-->
    <html>
    	<!-- head为网页的头部,主要用来帮助浏览器或搜索引擎来解析网页 -->
        <head>
        	<!-- 通过meta标签设置网页的字符集 ,meta可以设置网页的元数据-->
        	<meta charset="utf-8"/>
            <title>网页基本结构</title>
        </head>
        <!-- html的子元素,表示网页的主体 -->
        <body>
        	<!--h1网页的一级标题 -->
        	<h1>网页的大标题</h1>
        </body>
    </html>
    

    HTML标签

    这些标签一般是用尖括号包围的关键次,通常是成对出现的。标签对中的第一个标签为开始标签,第二个标签为结束标签。但也有单独的自结束标签

    <b></b>  <!-- 成对标签 -->
    
    <!-- 自结束标签 -->
    <img/>
    <input/>
    

    标签的属性

    1. 属性与标签名使用空格隔开
    2. 并不是所有的属性都有属性值
    3. 属性格式:name="value"
    4. 属性总是在HTML元素中的开始标签中规定
    5. 一般属性值包含在双引号内,但是当属性值本身就含有双引号,那么就必须使用单引号。
    <html>
        <head>
            <title>标签的属性</title>
        </head>
        <body>
            <h1>这是我的<font color="#A52A2A">第三个</font>网页</h1>
        </body>
    </html>
    
    属性 描述
    class classname 规定元素的类名
    id id 规定元素的唯一id
    style style_definition 规定元素的行内样式
    title text 规定元素的额外信息(可以在工具提示中显示)

    基本HTML标签

    HTML标题

    <h1> - <h6> 等标签被称为HTML标题

    但是一般只会用<h1> - <h3>。一个网页中一般只会有一个<h1>

    浏览器会自动地在标题前后添加空行。HTML会自动地在块级元素前后添加一个额外的空行。

    HTML段落

    HTMl段落用<p>标签进行定义

    HTML链接

    超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

    HTML链接通过<a>标签进行定义,在href属性中指定链接的地址。

    有两种使用<a>标签的方式:

    1. 通过使用href属性-创建指向另一个文档的链接
    2. 通过使用name属性-创建文档内的书签

    <a href="https://www.cnblogs.com/1625--H/">Visit Blog</a>

    Visit Blog

    target属性可以定义被链接的文档在何处显示

    _self 为默认值表示在当前页面打开
    _blank 在新页面打开

    <a href="https://www.cnblogs.com/1625--H/" target="_blank">Visit Blog</a>

    Visit Blog

    如果href属性值为#,可以跳到网页顶部,#后面紧跟id号可以跳到对应标签的位置。

    HTML图像

    HTML图像通过<img>标签进行定义。尽管属性可以对图像进行设置,但是我们尽量避免这么做。

    属性

    • src="url",url指存储图像的位置
    • alt="***",alt属性用来为图像定义一串预备的可以替换的文本。

    HTML表格

    表格由<table>标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

    • <table>标签属性 border="1" 可以定义边框属性
    • 表头可以用<th><td>代替,浏览器默认显示为粗体居中的字体。

    HTML列表

    1. 无序列表
      • 无序列表始于<ul>,每个列表项始于<li>
    2. 有序列表
      • 有序列表始于<ol>,每个列表项始于<li>
    3. 定义列表
      • 自定义列表以<dl>开始
      • 每个自定义列表项以<dt>开始,每个列表项的定义项以<dd>开始

    其他

    1. <hr/> 标签在HTML页面创建水平线,可以用于分割内容。
    2. <!-- --> HTML注释
    3. <br /> 换行
    4. 格式化标签
    5. <q> 用于短引用、<blockquote>用于长引用
    6. <addr> 定义缩写或首字母缩略语。eg:<abbr title="World Health Organization">WHO</abbr>
    7. <dfn> 用于定义项目或缩写的定义
  • 相关阅读:
    关于php配置文件
    修改范围PHP_INI_SYSTEM与PHP_INI_ALL的区别
    mysql索引常见问题
    K-D TREE算法原理及实现
    Matlab K-means聚类
    Matlab 聚类分析
    Zbar 大图像分析
    Zbar -- 源码分析
    ZBar在Windows上的使用 -- ImageMagick and OpenCV
    Zbar算法流程介绍
  • 原文地址:https://www.cnblogs.com/1625--H/p/12113338.html
Copyright © 2011-2022 走看看