当前位置: 首页 > news >正文

HTML学习笔记——HTML基本标记

``1.1标题标记title
HTML页面的标题一般是用来说明页面的用途,它显示在浏览器的标题栏中。在HTML文档中,标题信息设置在与之间。
语法:<title>......</title>
1.2 元信息标记meta
meta元素提供的信息不显示在页面中,一般用来定义页面信息的说明、关键字、刷新等。在HTML中,meta不需要设置结束标记,在一个尖括号内就是一个meta内容。在一个HTML页面中可以有多个meta元素。meta元素的属性有name和http-equiv,其中name属性用于描述网页,以便于搜索引擎查找、分类。
1.2.1 设置页面关键字
关键字是整个网站登录过程中最基本也是最重要的一步,是网页进行优化的基础。关键字在浏览时是看不到的,它可供搜索引擎使用。当用关键字搜索网站时,如果网页包含该关键字,就可以在搜索结果中列出来。
语法:<meta name=”keywords” content=”输入具体的关键字”>
1.2.2 设置页面说明
设置页面说明也是为了便于搜索引擎的查找,它用来详细说明网页的内容,页面说明在网页中不显示出来。
语法:<meta name=”description” content=”设置页面说明”>
1.2.3 定义编辑工具
现在有很多编辑软件都可以制作网页,在源代码的头部可以设置网页编辑工具的名称。与其他meta元素相同,编辑工具也可以只是在页面的源代码中可以看到,而不会显示在浏览器中。
语法:<meta name=”generator” content=”编辑软件的名称”>
1.2.4 设置作者信息
在源代码中还可以设置网页制作者的姓名。
语法:<meta name=”author” content=”作者的姓名”>
1.2.5设置网页文字及语言
在网页中还可以设置语言的编码方式,这样浏览器就可以正确地选择语言,而不需要人工选取。
语法:<meta http-equiv=”content-type” content=”text/html; charset=字符集类型”/>
http-equiv用于传送HTTP通信协议的标头,而在content才是具体的属性值。charset用于设置网页的内码语系,也就是字符集的类型,国内常用的是GB码,charset往往设置为gb123,即简体中文。英文是ISO-8859-1字符集,此外还有其他的字符集。
1.2.6 设置网页的定时跳转
使用< meta />标记可以使网页在经过一定时间后自动刷新,这可通过将http-equiv属性值设置为refresh来实现。content属性值可以设置为更新时间。
语法:<meta http-equiv=”refresh” content=”跳转的时间;URL=跳转到的地址”>
1.3 网页的主体标记body
网页的主体部分包括要在浏览器中显示处理的所有信息。在网页的主体标记中有很多的属性设置,包括网页的背景设置、文字属性设置和链接设置等。
1.3.1 网页背景色bgcolor
语法:<body bgcolor=”背景颜色”>
在该语法中的body就是页面的主体标记,bgcolor的值可以是一个已命名的颜色,也可以是十六进制的颜色值。
1.3.2 网页背景图片 background
使用恰当的图片作为背景,能够使页面看上去更加生动美观。使用background属性可以将图片设置为背景,还可以设置图片的平铺方式、显示方式等。
语法:<body background=”图片的地址”>
图片的地址可以是相对地址,也可以是绝对地址。在默认情况下,用户可以省略此属性,这时图片会按照水平和垂直的方向不断重复出现,直至铺满整个页面。
1.3.3 文字颜色text
可以通过text标记来设置文字的颜色。早没有对文字的颜色进行单独定义时,这一属性可以对页面中所有的文字起作用。
语法:<body text=”文字的颜色”>
1.3.4 链接文字属性link
超链接是网页中最重要、最根本的元素之一。网站中的一个个网页是通过超链接的形式关联在一起,正是因为有了网页之间的链接才形成了这纷繁复杂的网络世界,超链接中以文字链接最多,在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的文字则颜色变为暗红色。可以通过link参数修改链接文字的颜色。使用alink可以设置正在访问的文字颜色。使用vlink可以设置访问后的链接文字的颜色。
语法:

<body link=”#993300” alink=”#0066FF” vlink=”#336600”> <a href=”#”>saber</a>

1.3.5 边距margin
在网页中可以设置页面与浏览器边框之间的距离,包括上边距和左边距。在默认的情况下,边距的值以像素为单位。
语法:<body topmargin=上边距的值 leftmargin=左边距的值>
1.3.6 页面注释标记< !-- -->
注释是在HTML代码中插入的描述性文本,用来解释该代码或提示其他信息。
语法:<!--注释的内容-->

http://www.jsqmd.com/news/1281047/

相关文章:

  • SinaL2:用Python轻松获取新浪Level2行情数据的实战指南
  • Claude Code系统提示词与Output Styles技术解析
  • NLP-信息熵、条件熵、互信息的简介
  • 软件的系统测试及其应用
  • 2019/09/01 01-Linux系统入门
  • 基于Vue技术的养老院管理系统的设计与实现
  • 三自由度机械臂的神经网络自适应控制与Matlab实现
  • laravel 创建中间件
  • VisualCppRedist AIO:终极解决方案,一键解决Windows软件运行库问题
  • 推理成本高企?5分钟看懂大模型知识蒸馏,小模型复刻大模型90%能力
  • 隐形消费刺客全击退:烟台婚纱照合同条款逐条拆解,推荐5家绝不二次销售的金口碑商家 - 生活测评君
  • linux centos7.6 启动项服务说明及管理方法
  • BilibiliDown终极指南:三步完成专业级音频提取与批量下载
  • OpenClaw智能代理框架部署与优化指南
  • 抖音无水印下载神器:3步完成批量下载的终极指南
  • 物联网设备初级电池寿命优化方案与STM32能效管理
  • 万能视频格式转换器 v 2018 全能版
  • 3步解决Windows软件运行库依赖问题:VisualCppRedist AIO全面指南
  • Shell Parameters
  • 物联网硬件安全:SE050与PIC18F4620的集成方案
  • 点餐项目演示说明
  • ComfyUI-WanVideoWrapper终极指南:如何用AI将静态图片变成动态视频
  • 5分钟掌握XCOM 2模组管理器AML启动器:告别模组冲突的终极解决方案
  • Display Driver Uninstaller (DDU):显卡驱动彻底清理的3步终极指南
  • 2026上海西装定制严选门店|5家报价透明正规定制店盘点 - 商业快讯早知道
  • 本科生毕业设计选题——计算机类
  • 【u-boot-2018.11】链接脚本分析
  • Java后端进阶实战:从核心原理到分布式系统设计
  • Comfy-Photoshop-SD:5步实现AI绘画与Photoshop无缝集成的终极方案
  • (乙)1009 说反话 (20 分)