HTML简介

最新推荐文章于 2025-06-03 12:50:18 发布

D-Zero

最新推荐文章于 2025-06-03 12:50:18 发布

阅读量184

点赞数

分类专栏： Linux网络编程文章标签： html

本文链接：https://blog.youkuaiyun.com/weixin_42895182/article/details/106736201

版权

Linux网络编程专栏收录该内容

8 篇文章

订阅专栏

HTML简介

1. HTML超文本标记语言

定义：超文本标记语言（Hyper Text Mark-up Language）是构成网页文档的主要语言。可以说明文字、图形、动画、声音、表格和链接等。计算机中以.html和.htm作为扩展名，可以被浏览器访问。
特点：
- 语法非常简洁、比较松散，以相应的英语单词关键字进行组合
- HTML标签不区分大小写
- 大多数标签是成对出现的，有开始也有结束…
- 不成对出现的标签称为短标签
标签的属性和值：

属性=“属性值”，如hello,word，属性值最好加上双引号（语法上单双引号、不加都是可以的）

2. HTML文件的组成

html文件结构包含头（head）和主体（body）两大部分，头部描述的是浏览器所需要的的信息，而主体包含要说明的具体内容，可以在linux下打开一个网页，用ctrl+u来查看网页的html文件形式，ctrl+w恢复。

<!doctype html> <!-- 声明文档类型 -->
<html> <!-- 文档的头部和主体内容 -->
    <head> <!-- 文档的头部信息 -->
        <title> 显示在浏览器窗口的标题栏中“网页名称” </title> <!-- 必须位于head内 -->
    </head> <!-- 头部标记只能有一对 -->
    <body> 
        主体位于html之内而在head标记之后
    </body>
</html> <!-- 根标签 -->

注释

3. 常用标签

3.1 文本和标题标签

标题标签

<h1> 标题一 </h1> <!-- 最大且只有一个 --> 
<h2> 标题二 </h2> 
...
<h6> 标题六 </h6> <!-- 最小，1-6以此变小且自动换行 -->

文本标签
- color颜色：
  
  英文单词：red、green和blue等
  
  rgb格式：rgb(255,255,0)
- 文字大小：
  
  范围1-7，7最大而1最小

<font color="red" size=5> 内容 </font>
<font color=rgb(255,255,115) size=5> 内容 </font>

文本格式化标签

加粗
	<strong></strong>或<b></b>
倾斜
	<em></em>或<i></i>
删除线
	<del></del>或<s></s>
下划线
	<ins></ins>或<u></u>
段落 特点：上下自动生成空白行
	<p></p>
换行
	<br/>
块容器 特点：用于没有语义含义的内容的块级容器（或网页的划分）
	<div></div>
	对齐方式：align对应left、right和center，如<div align=center>居中</div>
水平线 特点：可以添加颜色和大小属性
	<hr color="red" size=11/>

3.2 列表标签

无序列表

<ul type = circle>
    <li></li>  列表项
    <li ></li>
</ul>
属性：type
	实心圆圈 disc
	空心圆圈 circle
	小方块 square

有序列表

<ol type = circle>
    <li></li>  列表项
    <li ></li>
</ol>
属性：type 1,a,A,i,I
	 start 从序号的什么位置开始

3.3 图片标签

<img src="bird.gif" alt="图片加载失败" title="小鸟飞翔" width="300" height="200"/>
属性：src 图片的来源，必写属性
	  alt 替换文本，图片不显示的时候显示的文字
	  title 提示文本，鼠标放到图片上显示的文字
	  width 图片宽度
	  height 图片高度
注意：图片没有定义宽高的时候，图片按照百分百比例显示，如果只更改图片的宽度或者高度，图片将会等比缩放

3.4 超链接标签

超链接

<a href = "www.baidu.com" title = "钱钱" target = "_blank"> 钱仔 </a>
属性：href 去往的路径，必写属性
	  title 提示文本，鼠标移动到链接上显示的文字
	  target 取值
			_self 默认值在自身页面打开（关闭自身页面，打开链接页面）
			_blank 打开新页面（自身页面不关闭，打开一个新的链接页面）

锚链接

<p id = "top" />                   事先定义的锚点标签
<a href = "#top"> 回到顶部 </a>    超链接到锚点

HTML简介

HTML简介

1. HTML超文本标记语言

2. HTML文件的组成

3. 常用标签

3.1 文本和标题标签

3.2 列表标签

3.3 图片标签

3.4 超链接标签

3.5 学习网址