html5基本知识点

发布网友发布时间：2022-04-23 16:02

我来回答

共3个回答

懂视网时间：2022-05-12 15:23

本篇文章主要介绍HTML基础知识，感兴趣的朋友参考下，希望对大家有所帮助。

打开DREAMWEAVER，新建HTML。。

body的属性：

bgcolor 页面背景色

background 背景壁纸、图片

text 文字颜色

topmargin 上边距

leftmargin 左边距

rightmargin 右边距

bottommargin 下边距

格式控制标签：

分别控制字体的颜色、字体和大小。

<b></b> 字体加粗

<strong></strong> 字体加粗

<i></i> 倾斜

<em></em> 倾斜

<u></u> 下划线

<center></center> 居中

<br>或<br/> 相当于回车

表示空格，Ctrl+shift+space

内容容器标签：

<h1></h1> 标题，会自动换行。HTML标题是

. . . 通过<h1>到<h6>等标签来定义的。

<p></p> 段落标签（段落之间空行）

<p></p> 层标签（默认占用一行）

<span></span> 层标签（默认用掉多大空间占用多大空间）

<ol type="1"> 有序列表，序号为1,2,3....，引号中可以更改序号的形式

</ol> 上面的ol改为ul则变为无序号列表

"../" 表示上级目录

"./" 表示当前目录

相对路径：从当前页面开始查找。

绝对路径：从网站的根开始查找。"/"，代表网站的根。

超链接标签：

<a href="超链接地址" target="_blank">超链接文字</a> --在新窗口打开

还可以在当前页找到目录点击目录上的超链接，自动跳转到当页的某一个地方。

图片标签：

高度跟宽度设置一个即可保持原有比例。

alt在图片无法加载时，显示文字，还可以帮助搜索引擎搜索。

title可以添加图片描述，鼠标放在图片上时可以显示描述。

表格：

<table></table>表格

width:宽度。可以用像素或百分比表示。常用960像素。

border：边框，常用值为0。

cellpadding：内容跟边框的距离，常用值为0。

cellspacing：单元格与单元格之间的间距，常用值为0。

algin：对齐方式。

bgcolor：背景色。

background：背景图片。

<tr></tr>行

align:一行内容的水平对齐方式。

valign:一行内容的垂直对齐方式。

height：行高。

bgcolor：背景色。

background：背景图片。

<td></td>单元格

<th></th>表头，单元格的内容自动居中、加粗

align:单元格内容的对齐方式。

valign:单元格的内容的垂直对齐方式。

width：单元格宽度。

height：单元格高度。

bgcolor：背景色。

background：背景图片。

内容必须放在单元格里，单元格必须放在行里，行必须放在表格里。

设置单元格行高、列高时，会同时影响对应的行或列。

单元格合并：（建议尽量用表格嵌套）

colspan=“n”合并同一行的单元格（后面写代码要减去相对应的列）

rowspan=“n” 合并同一列单元格（从第二行开始减去相对应的列）

总结：

热心网友时间：2022-05-12 12:31

一、HTML的开发工具和使用的浏览器

开发工具：记事本等文本编辑器，Atom、VisualStudioCode( VSCode)、Brackets、Sublime text和Hbuider。

浏览器：Chrome、Firefox、IE、Safari、IPhone、Android。

二、HTML的基本要素

DOCTYPE 描述文档的类型

html 网页的根元素，写在网页的在外面

head 网页的头部信息，写在html标记的里面

body 网页的内容，写在html标记的里面

具体描述：

1、DOCTYPE 描述文档的类型，规定web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

网页可以使用的具体版本，网页中可以使用那些标记，每个版本的DTD版本均有不同

使用例子

HTML4的例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML5的例子

2、<html></html> 网页文档中的根标记

html 标签有三个特殊的属性　　

manifest 指定网页缓存文件，可以让用户离线的时候也可以访问文件。

xmlns 设置html名空间，比如把网页设置成xhml的时候可以使用这个值。

lang 设置网页的描述语言，比如中文是zh；英文是en。

3、<head></head>头部标签在网页中只能有一个，设置HTML文档的头部信息，里面内容不会在页面中显示出来·。

head里面的标记

<meta> 标记

<title>定义网页的标题

<link> 链接

meta 标记

4、<body></body>只能有一个，显示网页的主体内容。

代码示例：

请点击输入图片描述

三、写在<head>中的标签

（一）、<meta>标签

name 描述信息的名称，来标记这是一个什么样的信息

http-equiv 描述行为

content 描述的内容

charset 指定网页的编码

1、name 属性

2、http-equiv属性

http-equiv描述网页的行为，行为 refresh刷新，内容为5，表示5秒后跳转到 dom.html这个文档。

3、content 属性

特殊属性

content-type 指定http头部信息的文字编码（最为常用）

default-style 指定优先使用的样式单（stylesheet）

refresh 用于网页的自动刷新或是页面跳转

set-cookie 设置页面的cookie（现在已经不再推荐使用）

4、charset属性

指定网页的编码，推荐使用UTF-8来增加网页的兼容性。

代码实例：

为搜索引擎抓取机器人准备一些信息

这段代码可以禁止搜索引擎缓存和跟踪网页。

代码实例：

请点击输入图片描述

（二）、title、base标记

title和base标记都是写在head标签中

title：设置网页的标题

写法：<title>内容</title>。

base：指定网页跳转基准URL，如果不指定的话默认为当前网站的当前路径。

写法：<base href="http://www.aaa.zzz/">

base属性值：

href 指定网页跳转到基准URL，如果不指定的话则默认为当前网站的当前路径。

<base href="http://.com/"> 这是将页面跳转到百度的网站打开。

target 指定链接的跳转帧如果不指定的话，则是在当前页面中跳转。

<base target="_blank"> 网页中的链接都应该在新的窗口中打开。

terget属性值：

_blank 在新窗口中打开被链接的文档

_self 默认值，在相同框架中打开被链接的文档

_parent 在父框架集中

_top 在整个窗口中打开被链接文档·

framename 在指定框架中打开被链接文档

（三）、link标记

link标记：链接外部文件时使用的标记，可以把外部文件的内容引入到当前文件中来，使当前网页实现更多的功能。

link属性：

href：指定链接外部路径的路径和文件名，要设置全路径并且带文件名

rel：引用文件，引用资源的类型定义

我们在使用link标签引用外部文件的时候，外部文件的类型是多种多样的。

alternate 代替文档（种子，其他语言版本，其他格式等等）

author 网页的作者

help 帮助文件的链接

icon 网页的图标

next 如果是连续网页的时候，指定下一个网页

prefetch 把链接外部资源时提前缓存起来。

prev 如果是连续网页

media 链接文件或是资源属于哪一种资源。

hreflang 链接文件的语言种类

type 链接文件的mi/me类型（比如说，图片图标文本）

sizes 根据link链接文件的类型，来指定文件的大小

代码示例：

链接网页图标：

注意：后面的href和前面type标注的类型要一致，这样既可以显示在浏览器，又可以显示在手机上

链接外部样式单

说明：

alternate 会在浏览器中会弹出一个对话框，供用户可以进行选择

media 表示媒体类型为屏幕，可以是手机，但不包括打印机和投影仪

title 对这个link进行简单的说明

网站RSS种子指定

为搜索引擎的准备的网页的URL

热心网友时间：2022-05-12 13:49

标签：header nav main footer action

HTML5从入门到精通的内容介绍

11.4 HTML 5的新特性 224 11.5 小结 224 第12章 HTML 5与HTML 4的区别 225 视频讲解:51分钟 12.1 语法的改变 226 12.1.1 HTML 5的语法变化 226 12.1.2 HTML 5中的标记方法 226 12.1.3 HTML 5语法中的3个要点 227 12.1.4 标签实例 228 12.2 新增的元素和废除的元素 228 12.2.1 新增的结构元素 228...

学HTML5,你需要掌握这几个知识点

一、HTML5基本组成：1、HTML5=HTML+CSS+JavaScript 2、HTML指的是结构：结构是在整个网页中有标题、列表、图片等。CSS是样式：样式是标题文字的字体大小、颜色、字体；图片大小；某个块的背景色或背景图等。JS是行为：行为是在网页上四处飘动的广告；图片滚动；浏览图片时鼠标移动到图片时，放大缩小图片...

HTML5都培训什么?

一、web页面制作基础认识web前端和Html 掌握HTML应用掌握CSS在开发中的使用页面标准化布局二、UI网站设计 UI软件基础 Axure原型图设计 UI页面设计网页界面UI设计的配色 WEB界面设计多风格类型的WEB界面设三、编程基础技术掌握js基本语法与流程控制相关操作使用 JS 结合 HTML 实现代表性的 JS ...

熬夜总结了“HTML5画布”的知识点(共10条)

HTML5 Canvas是前端开发中的重要技能，本文总结了10个关键知识点。首先，Canvas的应用场景包括动画制作、H5游戏和图表绘制。对于Canvas，理解其坐标体系、基本图形绘制（直线、矩形、圆形）以及路径操作（beginPath、closePath）至关重要。渐变和颜色填充、图形变换、文字和图片的处理也是不可忽视的部分。图形变...

html5基本知识点

HTML5的例子 2、<html></html> 网页文档中的根标记 html 标签有三个特殊的属性 manifest 指定网页缓存文件,可以让用户离线的时候也可以访问文件。 xmlns 设置html名空间,比如把网页设置成xhml的时候可以使用这个值。 lang 设置网页的描述语言,比如中文是zh;英文是en。 3、<head></head>头部标签在网页中只能有...

html5系统学习需掌握哪些

2. 利用HTML5非常方便的在网页上添加视频和音频，不需要很复杂的代码，就能打造一款功能齐全的HTML5播放器。3. CSS3的使用可以提供更多的CSS属性，可以制作更加丰富的渲染效果。除了以上基本知识点以外，还需要掌握：HTML5的前端技术也是必备的，其中包括：CSS、HTML、DOM、javascript、Ajax，jquery，Vue...

HTML5都有哪些学习要点

1、前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。2、前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用...

学HTML5需要什么基础,怎么入门?

html5游戏开发,需要学习什么技术?

1、HTML5教程主要学习HTML标签、属性和事件。2、CSS教程主要学习使用CSS来控制网页的样式和布局。3、JavaScript教程做HTML5开发，主要使用JS语言。所以要学习JS语言。4、HTML5其它的核心技术做HTML5开发，可能会用到下面的技术。（1）WebWorker 可以在浏览器中运行多个JS脚本。可以用于需要后台执行...

HTML5有哪些新特征_html5教程技巧

一、HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search二、HTML5 视频1、视频格式Ogg = 带有 Theora 视频...

HTML5的知识点 HTML知识点 CSS和HTML知识点 js知识点知识点地理知识点高中地理知识点历史知识点九上数学知识点