寒假学习 HTML 第一天

最新推荐文章于 2024-05-06 20:52:53 发布

雁来月十六

最新推荐文章于 2024-05-06 20:52:53 发布

阅读量103

点赞数

分类专栏： # HTML学习笔记文章标签： html

本文链接：https://blog.csdn.net/myxk_/article/details/104165955

版权

HTML学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML 入门知识

基础概念

1、什么是 HTML文件？
全称是：Hypertext Marked Language,中文名“超文本标记语言”。
从名字来看，本身是文本架构，，但是包含一些 Tag，即“标记”。
标记的作用是：告诉浏览器如何显示这个文件
HTML 文件后缀是.html 或者是.htm
编写平台：基本的文本编辑器。譬如，notepad等
运行/浏览方式：双击打开

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.<b>This text is bold</b>
</body>
</html>

范例解释：

这对tag 告诉浏览器是文件的首尾这对tag 是head信息，在浏览器中不显示但是有助于搜索引擎能够搜索到该网页这对 tag 是文件的标题，在浏览器最顶端的标题栏中显示这对tag 是正文之间文字是粗体显示 b 即bold 的缩写

HTML 元素（HTML Elements）特点

	标记文本，表示文本内容
	用 tag表示，成对出现
	不区分大小写
–	起始的叫做 Opening tag 结尾的叫做 Closing tag

HTML 元素属性

元素可以拥有属性，属性扩展HTML元素的能力
举例：

使用 bgcolor属性，使得页面的成为红色
使用 border 属性，将表格设成一个无边框的表格

属性通常由属性名和值成对出现，name = “value”
属性通常是附加给 HTML 的Opening Tag

基础 Tag

用于标题、段落、分行
正文标题
用

到

这几个 Tag 来定义正文标题，从大到小，每个正文标题自成一段

<h1> This is a heading</h1>
<h2> This is a heading </h2>
<h3> This is a heading </h3>
<h4> This is a heading </h4>
<h5> This is a heading </h5>
<h6> This is a heading </h6>

段落划分
使用

和

划分段落

<p> This is a paragraph </p>

换行
使用
这个 Tag ，可以在不新建段落的情况下换行，没有 Closing Tag
不要使用

换行

<p>This is a para <br>graph with line breaks </p>

注释
注释写在之间。浏览器自动忽略。

<!-- This is a comment -->

HTML 文件会自动截去多于空格。不管你加多少空格，都会被看做一个空格。
一个空行也被看做一个空格
有些 Tag 能够将文本自成一段，无需再使用

来分段，如

<html>
<body>
<p>
这一段
在源代码里
包含 很多分行，
但是 浏览器 忽略
这些分行。
</p>
<p>
这一段      在浏览器里
包含  很多  空格
 但是     浏览器 忽略 多于空格
</p>
<p>
你使用 的浏览器窗口 大小决定了段落的行数 ，
<br><b>如果 你改变浏览器窗口的大小，段落的行数也会因此改变<b>
</p>
</body>
</html>

如何查看HTML的源代码

一是点击鼠标右键，点击 View Source （查看源代码）命令；
二是选择浏览器菜单 View（查看）中的Source（源文件）命令；
借鉴别人写的好的地方

HTML特殊字符显示

有些字符在HTML中有特别的含义，就拿 < 就表示 HTML Tag的开始，这个
小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该如何操作呢？
这就要说道 HTML 字符实体（HTML Character Entities）
一个字符实体分成三部分：第一部分是一个 & 符号，英文（ampersand）；
：第二部分是实体（Entity）名字或者是 # 加上实体编号；第三部分是一个分号；
比如显示小于号（ <）写成：&It；或者&#60；

用实体名字好处是易于理解。It 猜出是 less than 劣处是并不是所有浏览器都支持最新的实体名字；而实体编号，各种浏览器都能处理

注意：实体是区分大小写的

那么就可以解决一个问题：如何显示空格？
通常情况下，HTML 会自动截去多余空格，不管你加多少空格，都被看做是一个空格。在网页中增加空格可以使用来表示空格

显示结果	说明
	显示一个空格
Entity Name	Entity Number
nbsp;	#160

<	小于号
&It;	<
>	大于号
gt;	>
&	&符号
amp;	&
"	双引号
quot;	#34;

HTML 超链接

雁来月十六

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
寒假学习 HTML 第一天

HTML 入门知识基础概念1、什么是 HTML文件？全称是：Hypertext Marked Language,中文名“超文本标记语言”。从名字来看，本身是文本架构，，但是包含一些 Tag，即“标记”。标记的作用是：告诉浏览器如何显示这个文件HTML 文件后缀是.html 或者是.htm编写平台：基本的文本编辑器。譬如，notepad等运行/浏览方式：双击打...
复制链接

扫一扫