HTML标签概述及<html>,<head>,<title>,<link>,<form>,<meta>详细介绍

HTML部分标签及其介绍

  • 介绍
    • 引用
  • HTML标签概述
    • 基本标签:
    • 常用格式标签:
    • 表单标签:
    • 列表标签
    • 应用标签:
    • 视频标签
    • 创建链接/关系标签
    • 表格标签
    • 样式/节标签
    • 元信息标签
    • 编程标签
  • HTML组成
    • Html声明
    • Html头部
    • body部分
  • 标签详述
    • <**html**>标签
      • 标签常用属性
    • <**Head**>标签
    • 元数据相关标签<**title**>
    • 元数据相关标签<**link**>
      • 参考内容:
        • MIME
      • 正文
      • 常用属性
      • 实例1:引入css文件
      • 实例:引入icon文件
    • <**form**>标签
      • ``标签
      • 属性、值、描述
    • <**meta**>标签
      • 必需的属性
      • 可选的属性
    • 后记

介绍

  • web(World Wide Web)是一种基于超文本HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。
  • 超文本:是计算机处理文本信息的方法,不同空间的电子文档通过超链接组织起来成为一个“网”,这个文档“网”称为“超级文本”,简称“超文本”。
  • HTTP:全称Hyper Text Transfer Protocol(超文本传输协议)。经过多年的发展,现在HTTP能够传输图片等多媒体文件,是Web世界的中流砥柱,应用非常广泛

引用

HTML标签-作者:云飞扬°
HTML全部标签简介——作者:hasp_Jason

HTML标签概述

  • 打开安装好的代码编辑器:VSCode
  • 编辑一段文本,选择一个你喜欢的位置保存文件,后缀名为 .html。(有个小提示,Windows默认不查看文件后缀,你可以在“查看”->“文件拓展名” 开启
  • 找到你保存的文件,用浏览器打开。
  • HTML是如何工作的呢
    对于浏览器:
    1.浏览器读取你的网页
    2.浏览器读取到第一行
  • 总结
    HTML是用 内容 + 标签 组成的一个文档(或者叫文件)
    HTML是简单的文本标签语言,一个HTML网页文件都是有元素构成的,元素由开始标签、结束标签、属性和元素的内容4部分构成。在学习和使用HTML时要注意区分标签和元素这两个定义。
    属性的使用格式如下:
    <元素 属性=“值”>内容
    引号可以是单引号或者双引号。

基本标签:

定义文档类型。
html>定义HIML文档。
<title>title>定义文档的标题
<body>定义文档的主体。
<h1> h1>定义HTML标题的等级,1-6。
<p>p>定义段落。
<br/>换行
<hr/>定义水平分割线。
定义注释(不会被执行,类似编程语言里的//或/* */)

常用格式标签:

<b>b>:加粗文本
<strong>strong>:加粗(推荐)
<i>i>:斜体
<em>em>:斜体(推荐)
<u>u>:带下划线
<s>s>:带删除线
<del>del>:带删除线(推荐)
<font>font>:常用属性  color(颜色),size(大小,取值范围1-7),face(字体类型)如:`<font color="red" size="4" face="仿宋">我要回家font>`(默认size为4)
<img />:常用属性    src:指定图片路径   width:指定图片的宽度    height:指定图片高度   alt:文件加载失败时的提示信。 如:`<img src="../img/2.jpg" width="400px" height="200px" alt="文件加载失败" />` 。图片路径问题:./代表的是当前路径 . . /代表的是上一级路径  ../代表的是上上级路径

表单标签:

什么是表单?表单就是收集用户填写的信息并将其提交到后台服务器。在实际布局的时候和后台动态功能程序的开发是相对接的,一个网页布局的好与坏在这一块尤其重要 。

<form>定义供用户输入的HTML表单
<input>定义输入控件
<textarea>定义多行的文本输入控件,
<button>定义按钮
<select>定义选择列表(下拉列表)
<optgroup>定义选择列表中相关选项的组合
<option>定义选择列表中的选项,
<label>定义 input元素的标注,
<fieldset>定义围绕表单中元素的边框
<legend>定义 fieldset元素的标题,
<datalist>定义下拉列表,
<keygen>定义生成密钥,
<output>定义输出的一些类型

列表标签

网页的列表标签分为

  1. 有序列表和
    • 无序列表两大类,其中的 是HTML5的新标签,可以配对使用用来定义菜单/列表 。

<ul>定义无序列表
<ol>定义有序列表。
<li>定义列表的项目。
<dir>不赞成使用。定义目录列表。
<dl>定义定义列表。
<dt>定义定义列表中的项目。
<dd>定义定义列表中项目的描述。
<menu>定义命令的菜单/列表。
<menuitem>定义用户可以从弹出菜单调用的命令/菜单项
<command>定义命令按钮。
  • 列表与表单的具体介绍参见:列表与表单-

应用标签:

主要有img、map、area、canvas、figcation、figure这6个,其中的canvas、figcation、figure三个是HTML5的新标签 。

<img>定义图像。
<map>定义图像映射。
<area>定义图像地图内部的区域
<canvas>定义图形
<figcaption>定义 figure元素的标题。
<figure>定义媒介内容的分组,以及它们的标题

视频标签

视频和音频可以通过HTML5标签和来访问资源。而且HTML5视频和音频标签基本将他们视为图片:。其它参数例如宽度和高度或者自动播放,需要像其它HTML标签一样定义。

<audio>定义声音内容。
<source>定义媒介源。
<track>定义用在媒体播放器中的文本轨道。
<video>定义视频。

创建链接/关系标签

一般通过使用标签在HTML中创建链接(使用href来定义路径,区别于img用src 来定义路径)。 标签定义两个连接文档之间的关系。

你可能感兴趣的:(html,html)