HTML超文本标记语言(Hyper Text Markup Language),是用来描述网页内容的一种语言,HTML文档也就是网页,Web浏览器的作用是读取HTML文档,并以网页形式显示它们,浏览器不会显示HTML标签,而是使用标签来解释页面的内容。

HTML

HTML标签

用以表达页面内容及结构。

HTML用来描述网页的被称之为HTML标签,HTML标签是由尖括号包围的关键词,页面上的所有元素都是由各种标签组成,HTML标签一般是成对出现的,比如

有些标签是没有结束标签的,称为“单标签”,比如
,在HTML5的时代,不再推崇加 ‘/’ 闭合的方式。HTML标签对大小写步敏感,但提倡使用小写。

HTML 属性

提供有关HTML元素的更多信息。

以键值对形式出现,在HTML元素的开始标签中规定,一个元素可以有多个属性,且属性名和属性值对大小写不敏感。属性值可以不使用引号,当值里有空格等特殊符号的时候,需要双引号或单引号引起,但是不建议不是用引号。

常用属性:

class:规定元素的类名

id:规定元素的唯一 id

style:规定元素的行内样式

title:规定元素的额外信息

align:规定对齐方式的附加信息

bgcolor:规定背景颜色

HTML 注释

一个网页的组成

这里是

显示内容

必须是HTML文档的第一行。声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

用来包住所有HTML标签,包含

和两部分

head里的标签

meta, link, script, title,style

title:定义文档的标题。title对于搜索引擎优化很重要。

meta:可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

再比如,规定浏览器用什么编码来解析这个html页面。例如,中文乱码可以通过以下语句设置所用的字符集为utf-8:

script:定义客户端脚本

link:定义文档与外部资源之间的关系,常用来引入css

style:定义样式信息

body里的标签

body里的标签就太多了,主要分为几类:

文字相关类:

h:定义标题1到标题6,h1,h2,h3,h4,h5,h6,文字大小一次减小

p:html段落

a:html链接,href属性中指定链接地址,target属性定义被链接的文档在何处显示

b, strong:定义粗体文字

em, i:定义内容为斜体

q:定义短引用,浏览器通常会为 元素包围引号。

blockquote:定义长引用,浏览器通常会对 blockquote 元素进行缩进处理

abbr:定义缩写或首字母缩略语,对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

图像类

img:空标签,src属性的值是图像的 URL 地址,alt属性用来为图像定义一串预备的可替换的文本

表格类

table:定义表格,border属性定义边框,默认不显示边框

tr:定义表格行,大多数浏览器会把表头显示为粗体居中的文本

td:定义表格列,

表示空单元格

列表类

ul:无序列表

ol:有序列表

li:列表项

表单类

form:定义HTML表单,action属性定义在提交表单时执行的动作

input:根据type属性,可以是文本(text)、单选按钮(radio)、复选框(checkbox)、提交按钮(submit)、密码(password)、按钮(button)等

fieldset:组合表单中相关数据,为

元素定义标题

select:定义下拉列表,定义待选择的选项

textarea:多行文字输入域

代码类

code:定义编程代码示例,不保留多余的空格和折行

pre:解决code不保留多余的空格和折行,用

元素包围代码

其它类

hr: 标签在HTML页面中创建水平线

br:

在不产生一个新的段落情况下换行

以上指列出了使用频率较高的标签,更多标签和属性见W3School

HTML

标签可以将网页分割成不同的、清晰的、独立的局部模块,然后在不同的模块中添加内容。 这样使网页布局结构更加清晰,代码更加独立,代码修改时能尽量少地影响到整体页面, 所以在网页开发中提倡使用

标签。

图层常见属性设置:

id: 用于标识

块(即

标签的名字)

class: 修饰

块的css样式组

position:绝对定位和相对定位 (abosolute,relative)

height:

模块的高度

width:

模块的宽度

left:相对于窗口左边的位置

top:相对于窗口上边的位置

vs

是块级元素,用于组合其他HTML元素的容器;是内联元素,可用作文本的容器。二者都是为了逻辑分块,

表示一个单独的块,表示一个行内的块。

参考资料

从零开始小说 html,从零开始的HTML生活相关推荐

  1. python3从零开始学习_从零开始学习PYTHON3讲义(十五)让画面动起来

    <从零开始PYTHON3>第十五讲 虽然看起来绘图和音乐并不相关,但是听过了上一讲的内容你一定知道,这是游戏编程中四个需要处理内容的两部分,这两部分必须同时.并行的处理,不能因为某一项计算 ...

  2. 如何从零开始学python_从零开始学Python【4】--numpy

    原标题:从零开始学Python[4]--numpy 前面3期介绍完Python的基础知识后,我们需要进入数据分析领域的Python实现,首先我们从Numpy模块讲起.该模块主要有这几个功能:数学领域的 ...

  3. python37从零开始学_从零开始学Python【37】--朴素贝叶斯模型(理论部分)

    [知识铺垫] 在介绍如何使用贝叶斯概率公式计算后验概率之前,先回顾一下概率论与数理统计中的条件概率和全概率公式: 如上等式为条件概率的计算公式,表示在已知事件A的情况下事件B发生的概率,其中P(AB) ...

  4. “Tensorflow2.0深度学习从零开始学”真的从零开始?

    首先,这是一个书评,不是一个问题的回答. "从零开始","从小白到精通"一类的书籍从名字上本是一个好的意思,带人入门,一个不粗的出发点.本世纪初的时候还好,但是 ...

  5. python新手教程 从零开始-让你从零开始学会写爬虫的5个教程(Python)

    写爬虫总是非常吸引IT学习者,毕竟光听起来就很酷炫极客,我也知道很多人学完基础知识之后,第一个项目开发就是自己写一个爬虫玩玩. 其实懂了之后,写个爬虫脚本是很简单的,但是对于新手来说却并不是那么容易. ...

  6. 从零开始学习python-《从零开始学 Python》(第二版)

    老齐 · 更新于 2018-11-28 11:00:43 <零基础学 Python>(第二版) Python 是一种面向对象.解释型计算机程序设计语言,由 Guido van Rossum ...

  7. python从零开始进阶_从零开始学Python - 第020课:函数使用进阶

    在之前的课程中,我们讲到过关于函数的知识,我们还讲到过Python中常用的数据类型,这些类型的变量都可以作为函数的参数或返回值:通过前几节课的学习,我们又知道了写在类中的函数通常称之为方法,它代表了类 ...

  8. python微控制器编程从零开始 豆瓣_从零开始(什么是编程)认识python

    1.什么是语言? 语言是一个事物与另一个事物交流的介质 python是人与计算机交流的介质 能够被计算机所识别的表达方式即是编程语言 2.什么是编程? 编程就是程序员将想让计算机做的事情用编程语言表达 ...

  9. 从零开始学pythonjava_从零开始学习python:demo2.4

    列表: 列表由一系列按特定顺序排列的元素组成.python用方括号([])来表示列表,并用逗号来分隔其中的元素. languages =['python','java','php','c++','ru ...

最新文章

  1. Web开发人员为什么越来越懒了?
  2. datanucleus mysql_DataNucleus Access Platform 3.1.2发布
  3. 识别TLS加密恶意流量
  4. JS 获取字符串长度, 区别中英文
  5. HYSBZ - 2342 双倍回文(回文自动机)
  6. [蓝桥杯][历届试题]国王的烦恼(反向+并查集)
  7. 焊接符号标注图解示例_【干货】焊接图纸符号汇总 ,学习收藏!!
  8. openfire log4j:ERROR setFile(null,true) call failed.
  9. 11input/output
  10. dalvik虚拟机与Java区别_05 Android---java虚拟机跟dalvik虚拟机的区别(从01开始点点入门,视频+笔记)...
  11. 中职计算机组成原理期末,计组期末复习
  12. 拳王虚拟项目公社:有没免费虚拟资源池,虚拟资源平台该选择什么,虚拟资源整合赚钱
  13. java 数组不重复_java如何找出数组中的不重复数字
  14. 医疗数据分析——过高费用的异常检测
  15. 史上最详细的Maven安装教程以及Maven和eclipse集成
  16. Android开发环境的安装与配置(两种方法)
  17. 操作系统笔记-信号量机制
  18. flash player所有版本下载地址
  19. PotPlayer播放列表另存为
  20. NUC972 使用不同的FLASH开机的ENV文件写法 NAND...

热门文章

  1. php开发ftp服务器搭建教程,在Linux中搭建一个FTP服务器
  2. java获取hdfs总大小_如何获取出HDFS已用空间/总空间的值。java FileSystem中有相关的方法吗???...
  3. python 数值运算 m op n_python数值运算 四则运算
  4. windows 下执行mysql脚本_Windows下批处理执行MySQL脚本文件
  5. python文本菜单程序_python3.x Day1 菜单程序练习
  6. android功能导航布局,安卓9.0新功能 屏幕旋转将与导航栏同窗
  7. 白名单模板_亚马逊品牌备案常见问题—— 白名单、IP加速器及品牌备案后无法使用A+...
  8. java 文件 缓存_JAVA缓存技术
  9. 算法题目中元素为二元(坐标)的几种解决方法
  10. 监控延迟严重怎么解决_两个月的蓝白猫掉毛严重怎么办,蓝白掉毛严重怎么解决...