HTML 概述

简介: HTML结构 <!DOCTYPE html>必须位于最开始,告诉浏览器页面类型。<html> 与 </html> 之间的文本描述网页<head> 与 </head> 标签用于定义文档的头部。 下面这些标签可用在 head 部分:<base>, <link>, <meta>, <scri

HTML结构

<!DOCTYPE html>必须位于最开始,告诉浏览器页面类型。

<html> 与 </html> 之间的文本描述网页

<head> 与 </head> 标签用于定义文档的头部。
下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
下面语句用于5秒后跳转。
<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />

<body> 与 </body> 之间的文本是可见的页面内容

常用标签

<h1> 与 </h1> 之间的文本被显示为标题
有<h1> - <h6> 六级标题。

<p> 与 </p> 之间的文本被显示为段落
段落之间有较大的间距。

<a> 与 </a>  之间的文本被显示为链接
<a>标签中加入属性 style="text-decoration:none" 可以让链接没有下划线。
<a href="http://baidu.com" target="_blank">点我新窗口到百度</a>
target的其他取值有 _self:自身  _top:顶层框架  _parent:父框架

<span>  是内联元素,可用作文本的容器。当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。

<div>浏览器会在此元素后换行。

<hr /> 标签在 HTML 页面中创建水平线,用于分隔内容。

<br/>换行

<iframe >元素会创建包含另外一个文档的内联框架,即在页面中嵌套展示另一个页面。例:


可以添加此标签的属性隐藏掉边框,用于复用页头、页脚等。

<iframe src="footer.html" frameborder="no" border="0" style="width: 100%;height:60px"></iframe>

注意,嵌套别人的网站时不能修改dom,这是浏览器为了安全做的限制。

<iframe name="footerIframe" src="" ></iframe>
<script>window.frames["footerIframe"].//document就得到了嵌套网页的html。</script>

特殊字符

浏览器在显示 HTML 时,会省略源代码中多余的空白字符(空格或回车等)。

&nbsp;   作为空格占位符。

&copy;   圆圈内含有C字母的copyRigth版权标志。

注释:<!-- This is a comment -->

标签的属性

<div class="class1" id="id1">

当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别。

图片

HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" alt=”我的图片” width="104" height="142" />
常用格式为GIF 和 JPEG。

音频

<audio src="song.ogg" controls="controls">若不支持显示此文本</audio>
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的。
autoplay="autoplay" 表示加载网页时自动播放。controls="controls"表示显示暂停、静音等控件。 

目录
相关文章
|
移动开发 HTML5
HTML5概述
HTML5概述。
100 1
|
12月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
464 7
|
移动开发 HTML5
HTML5概述
【8月更文挑战第22天】
128 1
|
数据采集 移动开发 前端开发
《智慧的网络爬虫》— HTML概述
网页是构成网站的基本元素,它是一个包含HTML标签的纯文本文件,通常是由图片;链接;视频;声音;文字等元素组成。通常我们所看到的网页,常以 .htm 或 .html 后缀结尾的文件,因此将其俗称为HTML文件。HTML;CSS;JS是学习爬虫的基础,是必须要了解的,此篇文章我讲述了HTML5对于爬虫所要必备的基础知识
148 1
《智慧的网络爬虫》—  HTML概述
|
移动开发 前端开发 JavaScript
HTML定义与概述
HTML定义与概述
HTML概述
HTML概述。
161 4
|
存储 XML 前端开发
编程笔记 html5&css&js 036 CSS概述
编程笔记 html5&css&js 036 CSS概述
101 0
|
数据采集 前端开发 JavaScript
【 ⑤】HTML概述与基本标签详解
【 ⑤】HTML概述与基本标签详解
246 0
|
数据可视化 网络协议
HTTP HTML 概述
HTTP HTML 概述
159 0
|
Web App开发 JavaScript 开发工具
零基础html5+div+css+js网页开发教程#001网页开发概述
零基础html5+div+css+js网页开发教程#001网页开发概述
149 0

热门文章

最新文章

下一篇
oss云网关配置