HTML

最新推荐文章于 2024-07-12 20:49:16 发布

无法言语的星星

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量263

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/weixin_52060704/article/details/110700011

版权

HTML

1. 初识HTML

1.1 什么是HTML

HTML（Hyper Text Markup Language），超文本标记语言。

超文本：文字、图片、音频、视频、动画等。

1.2 HTML发展史

在这里插入图片描述

1.3 W3C

W3C: （World Wide Web Consortium）万维网联盟，又称W3C理事会，创建于1994年，国际最著名的标准化组织。是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南，如广为业界采用的超文本标记语言HTML（标准通用标记语言下的一个应用）、可扩展标记语言 XML（标准通用标记语言下的一个子集）以及帮助残障人士有效获得Web信息的无障碍指南（WCAG）等，有效促进了Web技术的互相兼容)，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

网址：https://www.w3.org

中国网址：https://www.chinaw3c.org

1.4 W3C标准

结构(Structure)化标准语言（HTML、XML）
表现(Presentation)标准语言（CSS）
行为(Behavior)标准（JAVASCRIPT）

1.5 浏览器

浏览器是用来检索、展示以及传递Web信息资源的应用程序。Web信息资源由统一资源标识符( Uniform Resource Identifier，URI)所标记，它是一张网页、一张图片、一段视频或者任何在Web上所呈现的内容。使用者可以借助超级链接( Hyperlinks)，通过浏览器浏览互相关联的信息。

游览器由外壳（Shell）跟内核（core）组成，而内核又由渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎组成。浏览器最重要的部分是浏览器的内核。

五大浏览器以及四大内核
- Microsoft Internet Explorer IE 【Microsoft 】，内核为Trident
- Mozilla FireFox 火狐【网景】,内核为Gecko
- Google Chrome 谷歌【Google 】，内核为Webkit/Blink
- Apple Safari 【苹果】，内核为Webkit
- Opera 欧朋【Opera】,内核为Presto/webkit/Blink

1.6 元素

HTML规范是W3C制定的，开发者只要按照规范来开发HTML代码，就能在游览器中得到正确的显示。HTML语法中是基于元素的，也叫标签或者标记。

元素 = 起始标记（begin tag） + 元素内容 + 元素属性 + 结束标记(end tag)。

<h1 align="center">welcome to bailiban.</h1>

有起始跟结束标签叫对标签，还有没有元素内容，直接开始就闭合的标签叫单标签。

<br/>
<meta charset="utf-8" />

1.7 属性

属性部分写在起始标签内部，用来对标签进行补充跟描述的。一般分为局部属性跟全局属性。属性的样式效果底层都是通过CSS实现的。

局部属性：某些元素独有的属性。
全局属性【通用属性/标准属性】：所有标签都具备的属性。
- id：给元素取ID。ID值不要重复。
- title：鼠标悬停显示的文本内容。
- class：定义元素的类选择器。
- style：定义元素的行内样式。

1.8 基本结构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title></title>
	</head>
	<body>
        
	</body>
</html>

<!DOCTYPE html>表示告诉游览器我们遵循什么规范，不写默认这个，表示H5规范。
html是根标签，所有内容都写在里面。
<head>标签表示网页头部信息。
<meta>标签表示描述信息，描述网页信息给游览器识别。
<title>标签表示网页标题信息。
<body>标签表示网页主题部分。

1.9 注释

<!--  HTML中的注释   -->

2. 常用标签

h

标题标签，游览器默认表现为独占一行、有段落间隙。一共分为6级标签，h1到h6。

		<h1 align="center">一级标签</h1>
		<h2>二级标签</h2>
		<h3>三级标签</h3>
		<h4>四级标签</h4>
		<h5>五级标签</h5>
		<h6>六级标签</h6>

常用属性有align，用来控制标题在水平方向上的对齐方式，值有left/center/right，分别表示居左/居中/居右对齐。

p

<p> 标签定义段落。p 元素会自动在其前后创建一些空白。P标签也有align属性，表示水平对齐方式。

		<p>welcome to bailiban . </p>
		<p>welcome to bailiban . </p>
		<p>welcome to bailiban . </p>

hr

水平线标签。可以在网页中显示一条水平分隔线。

<hr />
<hr align="right" color="red" width="50%" size="10" />

可用属性align表示水平对齐方式，color设置颜色，width设置宽度,size表示线条粗细。

strong/b

strong标签跟b标签都是表示粗体，strong更具有语义化，推荐。

<b>seven</b>
<strong>seven</strong>

em/i

em标签跟i标签都是表示斜体，em更具有语义化，推荐。

<em>seven</em>
<i>seven</i>

u

下划线。

<u>bailiban</u>

del/s

del标签跟s标签删除标签,del更具有语义化，推荐。

<del>原价999.99</del> 
<s>原价999.99</s>

br

br标签表示换行,它是一个单标签，自闭合。

<br/>

font

字体标签，设置文本字体属性。

<font size="3" color="#FF0000" face="微软雅黑 华文行楷

最低0.47元/天解锁文章

无法言语的星星

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML

HTML1. 初识HTML1.1 什么是HTMLHTML（Hyper Text Markup Language），超文本标记语言。超文本：文字、图片、音频、视频、动画等。1.2 HTML发展史1.3 W3CW3C: （World Wide Web Consortium）万维网联盟，又称W3C理事会，创建于1994年，国际最著名的标准化组织。是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南，如广为业界采用的超文本标
复制链接

扫一扫