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

HTML5+CSS3-HTML5入门

1.web标准

W3C为web标准化做出了以下事项,主要包括结构,表现和行为。

结构用于对网页的信息进行分类和整理,使用技术包括HTML,XML,XHTML

表现指网页的外在样式,一般包括网页的版式,颜色,字体,在网页制作中通常使用CSS 来设置网页样式。

行为是指网络模型的定义和交互效果的实现,包括JavaScript的ECMscrpit,BOM,DOM.

2.HTML5概述

HTML主要是通过标签对网页中的文本,图片,声音进行描述(然后在浏览器内核渲染)

,HTML提供了很多标签,如段落标签,标题标签,超链接标签,图片标签。

2.1 HTML的基本结构

<!DOCTYPE html>   
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>第一个HTML5页面</title>
</head>
<body></body>
</html>

<!DOCTYPE>称为文档类型说明,用于向浏览器说明当前文档使用的HTML版本。只有在文档开头处使用<!DOCTYPE>,浏览器才能将文档识别为有效的网页文档。

<html>称为根目录,根目录用于表示网页文档的开始与结束。<html>为开始,</html>为结束,它们之间的是网页的头部内容和主体内容。

<head> 用于定义文档的头部内容,称为头部标签。在<html>标签之后,头部标签主要是来容纳其他网页文档头部的标签,以描述网页文档的标题,作者以及该网页文档与其他网页文档的关系。例如:<title>,<meta>,<link>,<style>等,都属于头部标签可容纳的子标签。

<body>用于定义网页文档的内容,称为主体标签。在网页标签中所有的文本,图像,音频和视频等的代码只有放在<body>标签中。

2.2HTML语法格式

1.标签不区分大小写

2.允许属性值不使用引号包起来。

3.允许部分属性值省略属性值(没有设置属性值即为默认属性)

        HTML5标签的类型

1.单标签是一个标签即可完整描述某个功能的标签

格式:
<标签名/>

/可以省略

2.双标签

双标签即可以和结束的标签组成的标签,基本格式

<h2>内容</h2>

<h2>为开始,</h2>为结束

3.注释标签

即用于注释的标签

<!--注释语句-->

2.3标签的属性

为了使标签有更多的功能,H5提供了标签的属性以便获取到更多的功能。如:设置字体居中或设置字体为“微软雅黑”

格式:

<标签名 属性1="属性值" 属性2="属性值"...>内容</标签名>

2.4HTML文档头部相关标签

<title>用于定义一个HTML页面的标题,即给页面个名字。该标签必须在<head>之中,,一个HTML文档只能包含一个<title>标签,<title>开始标签和</title>结束标签的内容显示在浏览器的标题栏中。

</meta>标签

</meta>是一个单标签,用于定义网页上的元信息,可重复出现在<head>标签里面。

通过</meta>的标签的属性可以设置网页的相关参数。

</meta name="名称" content="值"/>

这里的name和content属性可以为搜索引擎提供相关信息。其中,name用于设置搜索信息的类型,content属性用于设置搜索的内容。

http://www.lryc.cn/news/417081.html

相关文章:

  • 谷粒商城实战笔记-138-商城业务-首页-渲染二级三级分类数据
  • git的基础用法
  • 常见中间件漏洞(四、Apache合集)
  • HCIE-学习笔记
  • 【计算机网络】性能指标-带宽和时延(MB、GB、KB、B、byte、bit、Mb/s、Gb/s、b/s等)学习
  • ANN(Approximate Nearest Neighbor)搜索和索引库到底是什么?
  • 勒索软件、供应链攻击等带来的思考!
  • 【Nuxt】自定义插件和生命周期
  • MySQL的简单介绍
  • leetcode 116.填充每个节点的下一个右侧结点指针
  • 『 Linux 』网络基础
  • Python酷库之旅-第三方库Pandas(070)
  • 第一篇Linux介绍
  • 在Windows编程中,MFC\C++中OnCopyData如何传递基础类型数据?
  • 10款超好用的图纸加密软件推荐,2024企业常用图纸加密软件分享
  • BUUCTF [安洵杯 2019]easy_serialize_php 1
  • 前端面试宝典【CSS篇】【5】
  • stem32江科大自学笔记
  • C++-类与对象基础
  • 嵌入式day20
  • UE4 SLUA IOS打包报错解决办法
  • SpringDI(依赖注入) 以及SpringIOC容器对Bean管理
  • 伯克利Linux系统管理: 脚本编写学习 课堂与实验(系统简洁保姆级学习)
  • 探索腾讯云AI代码助手的效能与实用性
  • 清华大学终于把Python整理成了《漫画书》
  • 有关Linux操作系统中僵尸进程与孤儿进程的理解
  • Go语言实现依赖注入
  • 不仅能防沉迷游戏的防沉迷软件(Python)
  • 数学建模--智能算法之鱼群算法
  • html+css+js前端作业qq音乐官网5个页面 带js