资讯专栏INFORMATION COLUMN

HTMl

stackfing / 1511人阅读

摘要:表格定义表格以网格形式表示数据。标题一标题二标题三用来创建表格,表格的内容逐行编写每行单元格表示行列的标题。在中,声明需引用文档类型声明,因为是基于标准通用标记语言。块级元素有些元素在浏览器窗口中显示总是另起一行,这些元素被称为块级元素

结构



    
    
    
    Document


    

HTML 代码由包含在尖括号中的字符组成。这些成为 HTML 代码元素。
通常由两个标签组成:一个起始标签个一个结束标签(结束标签要多一个斜杠)。
位于起始标签 和 之间的代码都是 HTML 代码。
位于 body 标签之间的代码都会显示在浏览器的主窗口中
包含有关这个页面的一些信息
是显示网页标题的标签
使用meta,我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等

总结

HTML 页面是文本文档

HTML 使用的标签(尖括号及其字符)位包含在其中的内容提供结构信息

标签经常与元素互换使用

标签通常成对出现。

标签可以附带特性。特性由特性名称和特性值组成

文本 标题

主标题

次标题


用在主标题上

用在子标题上

段落

要添加的段落

:在成段的文字两端分别添加起始标签

和结束标签

构成了HTML中的段落

默认情况下,浏览器在显示段落时会另起一行并于后续段落保持一定的距离

粗体/斜体
要加粗的文本

无其他特殊含义,但是它可以在外观上将其中的文字以粗体展示出来

要倾斜的文本

无其他特殊含义,但是它可以在外观上将其中的文字以倾斜展示出来

上标/下标
上标字符

用来记作上标的字符,像22

要倾斜的文本

用来记作下标的字符。通常用在脚注、化学式中:H2O

空白

当浏览器遇到两个或者两个以上的空格时,只将其显示位一个空格,换行同样是此问题,这一特性称为白色空间折叠

换行符/水平线


:换行符


:水平线符

加粗/强调

:作用是表示内容十分重要,在浏览器中显示粗体
:起强调作用,能够改变语句的含义,在浏览器中默认显示斜体

引用

:用来标记那些会占用一整段的较长的引用。通常浏览器会对此元素中的内容进行缩进。
:用来标记段落中较短的引用

缩写词/首字母缩写词

:缩写词/缩写字母可以使用此元素,其起始标签中的title特性用来指定相应的词汇的完整形式。

引文/定义

:当引用作品时(书籍、电影、研究报告)可以使用此元素
:解释新术语时,可以用此元素

其他

:设计者的联系方式
:显示已经插入到文档中的内容
:表示不准确、不相关却不应当删除的内容
:表示已经从文档中删除的内容

列表 有序列表 定义

有序列表是指为其中的每个项目编号的列表。

  1. 项目1
  2. 项目2
  3. 项目3
  4. 项目4
  5. 项目5

可以通过list-style-type css属性设置编号类型

无序列表 定义

无序列表是以点状(默认)项目符号作为开头的列表

  • 项目1
  • 项目2
  • 项目3
  • 项目4
  • 项目5

可以通过list-style-type css属性设置编号类型

定义列表 定义

定义列表是由一系列术语及其定义组成的列表

被定义的术语
定义
嵌套列表
总结

HTML 中有三种列表:有序、无序、定义列表

有序列表使用数字编号

无序列表使用项目编号

定义列表用来定义专业属于

列表可以嵌套在其他列表中​

链接 作用

跳转到另一个网站

跳转到另一网页

指向同一网页内的另一个位置

在新的窗口打开链接

:有一个重要的特性:href ,该特性的值设定了链接的目标。即点击该连接时所到达的页面地址。
默认情况下是蓝色并带有下划线的样式。

URL:全称是”Uniform resource locator(统一资源定位器)“
绝对 URL:以网站的域名开头,域名后面可以指定具体的页面路径,没指明具体路径将显示网站主页。
相对 URL:若是同一网站的其他页面,可使用相对路径,不用指定网站的域名。

Email 链接
email johnson 
新窗口打开链接
链接到当前页面的某个位置
     

标题1

arc_shot interlude prologue

arc shot

fujashfujaskhfjkasdfjask

interlude

dfahuifhfuisdhbfujkasbfujkdas

prologue

fhasdiufhasjduihfujasidfh

top
总结

链接是由元素创建的

元素通过href属性来知名你所要链接的页面

如果链接到网站的内部的某个页面相对于完全限定 URL ,最好使用相对链接

可以通过 id 特性将某个科链接某个科链接的页面上的元素作为链接目标

图像

src 属性告诉浏览器在何处可以找到所需的图像文件
alt 属性是当图像文件显示不出来时对图像进行描述
title 当光标停留在图像上时会以提示的方式显示title属性的内容

总结

元素用于向网页中添加图像

必须为 元素指定 src 特性和 alt 特性,src 用来表示图像的源地址,alt 特性用来描述图像的内容。

表格 定义

表格以网格形式表示数据。

标题一 标题二 标题三
1 3 2
4 5 7

:用来创建表格,表格的内容逐行编写
:每行
:单元格
:表示行/列的标题。可以使用scope 表示此元素时列标题还是行标题。row 是指行标题,col 是指列标题。
colspan:跨列
rowspan:跨行

总结

元素是用来向网页中添加表格

表格是逐行绘制的,行是由

创建的

每一行中都有一定数量的由

、`三个部分

表单表单结构

:表单控件位于元素中,每一个form 都应该设置 action 属性和 method属性。
action:属性值是服务器上一个页面的URL
method:可以采用get/post

单行文本框
密码框
文本框
单选按钮
复选框
下拉列表
文件上传
提交按钮
按钮
标签表单控件


 

 

两种用法:

将文本说明和表单输入框全部包围起来

与表单控件分开,使用for属性来指明 元素所关联的表单控件。for属性值与他所标注的表单控件的 id 属性相匹配。

其他控件
              //时间控件
     //必填
      // 邮件控件
     //搜索控件
其他标记DOCTYPE(文档类型)

!DOCTYPE 是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。

标签定义及使用说明
声明位于文档中的最前面的位置,处于 标签之前。
声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
在 HTML 4.01 中, 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。

注释
页面信息

元素位于中,对用户不可见。最常用的特性时namecontent属性。

id/class属性

每一个元素都有id/class属性

行内元素

有些元素在显示时总是与它的临近元素出现在同一行内,这些元素被称为内联/行内元素。

块级元素

有些元素在浏览器窗口中显示总是另起一行,这些元素被称为块级元素

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54598.html

相关文章

  • HTML的简介

    摘要:教程标准超文本标记语言英语,简称是一种用于创建网页的标准标记语言。版本从初期的网络诞生后,已经出现了许多版本版本发布时间声明声明有助于浏览器中正确显示网页。声明是不区分大小写的,以下方式均可通用声明查看完整网页声明类型参考手册。HTML 教程- (HTML5 标准) 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...

    cncoder 评论0 收藏0
  • html学习一

    摘要:列表的列表有有序列表和无序列表无序列表有序列表块元素大多数元素被定义为块级元素或内联元素。例子内联元素在显示时通常不会以新行开始。元素元素是内联元素,可用作文本的容器。当与一同使用时,元素可用于为部分文本设置样式属性。 简介 标题 段落 什么是HTML? HTML 是用来描述网页的一种语言: HTML 指的是超文...

    xorpay 评论0 收藏0
  • 前端菜鸟笔记 Day-1 HTML&HTML 5

    摘要:行内元素特征设置宽高属性无效设置仅左右水平方向有效,上下垂直无效设置上下左右都有效内容不会自动进行换行行内块元素行内块元素综合了两者的特征,各有取舍,可以对任意元素进行属性设置。 文章大纲来源:【Day 1】HTML & HTML 5 标记语言 XHTML/HTML/HTML 5异同 了解doctype HTML HTML 5 标记语言 标记语言(ML)即 Markup Langu...

    kevin 评论0 收藏0
  • 01-html介绍和head标签

    摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍:w3c:万维网联盟组织,用来制定web标准的机构(组织)web标准:制作网页遵循的规范...

    番茄西红柿 评论0 收藏0
  • w3schools网站的HTML教程之HTML介绍

    摘要:浏览器一个浏览器的作用是读取并显示一个文档。声明声明有助于浏览器能够正确地显示页面。声明是不区分大小写的,以下所有写法都是正确地常见声明版本在网络的早期,就具有了很多版本版本年份本文翻译于网站提供的教程。 什么是HTML HTML 是一种描述 Web 文档(页面)的标记语言。 HTML 代表超文本标记语言(Hyper Text Markup Language) 标记语言就是一组标记标...

    ccj659 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<
元素(表示标题是为)表示的单元格

可利用colspan(跨列)rowspan(跨行)来使表格中的单元格跨越多行/多列

长表格可以分为