HTML学习记录（1）

MrEnigma574

于 2022-03-14 21:41:48 发布

阅读量327

点赞数

分类专栏： html 文章标签： html 学习前端

本文链接：https://blog.csdn.net/MrEnigma/article/details/123488043

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、HTML

全称：Hyper Text Makeup Language–超文本标记语言

文本:普通txt文件，无法保存图片，视频，表格等
超文本:比较厉害的文件，可以保存图片，视频，表格等

W3C
World Wide Web Consortium（万维网联盟）
成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
http://www.w3.org/
http://www.chinaw3c.org/

W3C标准包括
1.结构化标准语言（XHTML 、XML）
2.表现标准语言（CSS）
3.行为标准（DOM、ECMAScript ）

标签
比如<strong>xxx</strong>
双闭合标签

<apply>xxx<p>xx</p></apply>

单闭合标签

<apply key="value"/>

语言
拥有自己的语法规则的一套表达方式

2、不同浏览器存在不同的内核

常见的浏览器：
微软 IE
Google chrome
火狐 Fire Fox
苹果
Opera

3、不同的标签

head中存在的标签

meta标签 title标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 
	键值对
	<meta meta的属性="meta的属性的值">meta标签的内容</meta>
	-->
    <!--网页字符编码-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--注释：代表解释下面的逻辑，并不会影响代码的运行-->
    <!--keywords和description这两个值都是用于搜素引擎去爬取页面所使用的-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    HelloWorld!
</body>
</html>

body中存在的标签

标题标签

		<!--<h1>标题标签</h1>-->
		<!--<h2>标题标签</h2>-->
		<!--h7到h9为自定义标签-->

p标签和br标签hr标签

		<!--p标签为各个段落-->
		<!--hr标签会在当前位置从新换一行，并且会在之后新增一个水平线-->
		<!--br标签有换行作用-->

strong标签和em标签

		<!--strong标签为加粗-->
		<!--em标签为斜体-->

4、注释和特殊符号

		&nbsp;空格
		&amp;和号&
		&lt;小于号<
		&gt;大于号>
		&quot;引号""
		&apos;撇号''
		&copy;版权符号
		&times;乘号x
		&divide;除号÷

5、图像标签

<!--src指定图片路径，alt文本替换图片（图片找不到）-->
<!--title鼠标悬浮提示文字，width宽度，height高度-->
<!--  <img src="path" alt="txt" title="txt" width="x" height="y"/>  -->

6、a标签

链接标签

常用的超链接

1.页面间链接

2.锚链接

3.功能性链接

	<!--href指向跳转页面，target :_blank新增 _self自身页面-->
	<!--a标签跳转邮件-->

<a href="detail.html" target="_blank">xxxxxx</a>
<!--文本超链接-->
<a href="detail.html" target="_self">
	<img src="path" alt="xxxxxxxxxx"
		title="xxxxxx"/>
</a>
<!--图像超链接-->

<a href="mailto:name@mail.cn">联系我们</a>
<!--功能性链接-->

7、锚链接

<!--从A页面的甲位置跳转到本页面的乙位置-->
<!--从A页面的甲位置跳转到B页面的乙位置-->
<a href="help.html#register">新用户注册帮助</a>

<!--help.html页面-->
<a name="register">新用户注册</a>

<!--创建跳转标记-->
<a name="marker">乙位置</a>
<!--创建跳转链接-->
<a href="#marker">甲位置</a>

8、行内元素和块元素

块元素：无论内容多少，该元素独占一行（p、h1-h6…）

行内元素：内容撑开宽度，左右都是行内元素的可以排在一行（a、strong、em…）

MrEnigma574

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习记录（1）

1、HTML全称：Hyper Text Makeup Language–超文本标记语言文本:普通txt文件，无法保存图片，视频，表格等超文本:比较厉害的文件，可以保存图片，视频，表格等W3CWorld Wide Web Consortium（万维网联盟）成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构http://www.w3.org/http://www.chinaw3c.org/W3C标准包括1.结构化标准语言（XHTML 、XML）2.表现标准语言（CSS
复制链接

扫一扫