HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。

超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

头 部 信 息

文 档 主 体, 正 文 部 分

可省略标记, 因为.html 或.htm 文件被Web浏览器默认为是HTML文档

用“”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面

1.单标签:< 标签名称>   最常用的单标签是
, 它表示换行。

2.双标签: 内 容 标签>

3.标签属性 :< 标签名字 属性1 属性2 属性3 … >

各属性之间无先后次序,属性也可省略(即取默认值),例如单标记


表示在文档当前位置画一条水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。 带一些属性:


  其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。

标题标签:

一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签,其中n为标题的等HTML总共提供六个等级的标题,n越小,标题字号就越大

标题示例

这是一行普通文字

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

换行

无换行示例

登鹳雀楼 白日依山尽,黄河入海流。欲穷千里目,更上一层楼。

显示结果:

登鹳雀楼 白日依山尽,黄河入海流。欲穷千里目,更上一层楼。

-----------------------------------------------------------------------------------------

换行示例

登鹳雀楼
白日依山尽,
黄河入海流。
欲穷千里目,
更上一层楼。

显示结果:

登鹳雀楼

白日依山尽,

黄河入海流。

欲穷千里目,

更上一层楼。

段落标签

:    文件段落的开始由

来标记,段落的结束由

来标记,是可以省略的,因为下一个

的开始就意味着上一个

的结 束。

标签还有一个属性ALING,它用来指名字符显示时的对齐方式,一般值有CENTER、LEFT、RIGHT三种。

段落标签

浣溪沙 

一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。

无可奈何花落去,似曾相识燕归来。小园香径几徘徊。

显示结果:

浣溪沙

一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。

无可奈何花落去,似曾相识燕归来。小园香径几徘徊。

-----------------------------------------------------------------------------

段落标签

登鹳雀楼

白日依山尽,
黄河入海流。
欲穷千里目,
更上一层楼。

显示结果:

登鹳雀楼

白日依山尽,

黄河入海流。

欲穷千里目,

更上一层楼。

水平线段



有三个属性:

size 水平线的宽度

width 水平线的长,用占屏幕宽度的百分比或象素值来表示

align 水平线的对齐方式,有LEFT RIGHT CENTER三种

noshade 线段无阴影属性,为实心线段

无阴影的设定

这是第一条线段,无NOSHADE设定,取内定值阴影效果来显示


这是第二条线段,有NOSHADE设定


文字大小设置:    提供设置字号大小的是FONT,FONT有一个属性SIZE,通过指定SIZE属性就能设置字号大小,而SIZE属性的有效值范围为1-7,其中缺省值为3。我们可以SIZE属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。

字号大小

这是size=7的字体

这是size=6的字体

这是size=5的字体

这是size=4的字体

这是size=3的字体

这是size=2的字体

这是size=1的字体

这是size=-1的字体

文字的字体与样式:    用FACE属性来完成定义字体的功能。FACE的属性值可以是本机上的任一字体类型,但有一点麻烦的是,只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。

字体

欢迎光临

欢迎光临

欢迎光临

欢迎光临

Welcom my homepage.

Welcom my homepage.

为了让文字富有变化,或者为了着意强调某一部分,HTML提供了一些标签产生这些效果,现将常用的标签列举如下:

粗体;

斜体;

加下划线;

打字机字体;

大型字体;

小型字体;

闪烁效果;

表示强调,一般为斜体;

表示特别强调,一般为粗体

用于引证、举例,一般为斜体

----------------------------------------------------------------

字体样式

黑体字

斜体字

加下划线

大型字体

小型字体

闪烁效果

Welcome

Welcome

Welcom

文字颜色    设置格式如下:…

这里的颜色值可以是一个十六进制数(用“#”作为前缀),也可以是以下16种颜色名称。

Black = "#000000"       Green = "#008000"

Silver = "#C0C0C0"      Lime = "#00FF00"

Gray = "#808080"        Olive = "#808000"

White = "#FFFFFF"       Yellow = "#FFFF00"

Maroon = "#800000"      Navy = "#000080"

Red = "#FF0000"         Blue = "#0000FF"

Purple = "#800080"      Teal = "#008080"

Fuchsia = "#FF00FF"     Aqua = "#00FFFF"

-----------------------------------------------------------------------

文字的颜色

色彩斑斓的世界

色彩斑斓的世界

位置控制:通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表示向右对齐,CENTER表示居中。基本语法如下:

#=left/right/center位置控制

你好!

你好!

你好!

另外,ALIGN属性也常常用在其它标签中,引起其内容位置的变动。如:


综合示例:

字体样式

白 居 易

  白居易(772-846年)字乐天,晚居香山,自号香山居士,原籍太原。

“离离原上草,一岁一枯荣”

  白居易是继杜甫之后,我国伟大的现实主义诗人。

html 做笔记,HTML笔记(一)相关推荐

  1. 天猫整站SSM-后台分类管理-增加(做个人学习笔记整理用)

    天猫整站SSM-后台分类管理-增加(做个人学习笔记整理用) CategoryController: request.getSession().getServletContext()// 获取的是pag ...

  2. 天猫整站SSM-分页-总结(做个人学习笔记整理用)

    天猫整站SSM-分页-herf(做个人学习笔记整理用) 先写Page.java package com.how2java.tmall.util;public class Page {private i ...

  3. 天猫整站SSM-分页-herf(做个人学习笔记整理用)

    天猫整站SSM-分页-(做个人学习笔记整理用) <li ><a href="?start=${page.start-page.count}" aria-label ...

  4. Python地理做图——学习笔记

    Python地理做图--学习笔记 GMT 绘制海岸线 绘制地形并叠加海岸线 地理信息数据格式在线转换网址 适用OSGEO4w可以实现tif转nc,转grd 绘制grd和nc 除了投影方式-X, gmt ...

  5. 研究生如何做文献阅读笔记

    ** 研究生如何做文献阅读笔记 ** 研究生如何做文献阅读笔记? 说实在的,我自己也不是很会读书.读书的速度也不快,只是喜欢读书罢了.阅读文献,对于开题期间的研究生和写论文期间的研究生是很重要的功课, ...

  6. 文档资源推荐 研究生如何做文献阅读笔记(强力推荐!!!)

    转自:http://www.soudoc.com/bbs/viewthread.php?tid=9056542&extra=&page=1 研究生如何做文献阅读笔记? 说实在的,我自己 ...

  7. 傲游浏览器怎么创建笔记 傲游浏览器笔记创建方法分享

    和某些浏览器不同,傲游浏览器中的笔记功能拥有极清爽.极简约.极免费等三大特性,并因此获得了不少用户的青睐.那么,在傲游浏览器中该怎么创建笔记呢?下面小编就来分享一下傲游浏览器笔记创建的方法,有需要的朋 ...

  8. Linux 常用服务搭建笔记(精简笔记)

    Linux 常用服务搭建笔记(精简笔记) 阅读目录 部署DNS实现解析 部署DNS主从同步 部署DNS缓存服务 部署DNS加密同步 部署DNS分离解析 部署DNS负载均衡 配置DHCP自动分配IP 配 ...

  9. linux pdf 笔记软件,可以编辑在PDF上做笔记的笔记软件:Xournal

    今天很高兴的给大家推荐一款软件:Xournal 这款软件最开始是在Linux平台上开发的,后来被移植到了Windows平台,成为了跨平台的软件,这可为我们广大的人民群众创造了福音,Linux平台的开源 ...

  10. 学会做笔记-子弹笔记学习概要四

    内容说明: 该笔记整理于杉野干人-<子弹笔记术>.图片,案例均来自该著作,个人整理仅供分享交流 总结 ● 子弹笔记的三大要素 "超级笔记术·子弹笔记"的技术总结 三大技 ...

最新文章

  1. c语言函数参数类型检查,内联函数在编译时是否做参数类型检查?
  2. 最保险的函数间数组作为参数值传递与返回方法,用memcpy函数
  3. C# WinForm ProgressBar垂直显示进度和从右向左显示进度
  4. 用python实现图书管理系统
  5. ipad无法充电怎么办_IPAD充电线破损无法保修,资深“果粉”吐槽:店大欺客!...
  6. No grammar constraints (DTD or XML schema).....两种解决方法
  7. 环境搭建创建一个javaweb+maven+Jfinal项目
  8. linux在线聊天报告,EChat: Linux下基于命令行的在线聊天系统
  9. shell脚本中一些日期的定义
  10. 免费计算机网络同传系统,使用网络同传功能批量完成系统安装
  11. 利用VS的代码优化和openmp并行计算提高程序运行速度
  12. 第三方支付和代付区别在哪?
  13. 浏览器原理:6.3宏任务和微任务
  14. 太原科技大学计算机宿舍,太原科技大学宿舍条件怎么样,有独立卫生间和空调吗...
  15. 测绘资质申请条件及办理资质要求
  16. Mac OSX 苹果电脑 安装 MacPorts
  17. SQLCE数据工具(Flyhoward Ltd SDF Viewer)
  18. 理解Vue中的methods对象方法里的this指向,并解读源码
  19. STM32F103+W5500网络通信
  20. 全同态加密(FHE)体系概述(初学版)

热门文章

  1. 数据可视化-《白蛇2:青蛇劫起》(1)
  2. z变换公式表_小白学物理之狭义相对论(1)——洛伦兹变换
  3. Oracle体系结构VI
  4. 看完 GitHub 上这几个奇葩项目后,我忍不住笑了 233333
  5. Maix Bit(K210) 裸机开发教程(二)串口通信
  6. 关于sql中constraint 前缀的用意(PK、UK、DF、CK、FK)
  7. 宽度优先搜索python_宽是什么意思 宽字五行属什么
  8. DevOps工具链:开放、自由地选择最适合团队和业务需要的工具
  9. Mac提示mysql不是_mysql插入汉字报错。不是mysql是安装在mac系统里的
  10. MySQL8.0.27 修改编码类型(utf8mb3)