HTML相关

最新推荐文章于 2024-01-02 20:25:14 发布

VIP文章超级小丑_Supclown

最新推荐文章于 2024-01-02 20:25:14 发布

阅读量1.1k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/m0_57860459/article/details/124164607

版权

(1) 标签相关概念

1. HTML版本

html的版本有:

HTML1.0
HTML2.0
HTML3.2
HTML4.0
HTML4.01（微小改进）
HTML5：2008年正式发布,现在都在用第5版的html

2. HTML文件#

一个html文件用浏览器打开就是一个网页

第一个网页(有文字, 有链接和图片)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>
<body>
  <h3>我的第一个网页</h3>
  <a href="http://baidu.com">百度</a> <br />
  <img
    src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
    alt=""
  />
</body>
</html>

3. 标签及其语法

标签也叫元素,网页就是由标签的来组成
标签语法:
- 注释 
- 标签对
- 单标签

标签属性(给标签提供附加信息)

多个空格只算一个

<!-- 标签对 -->
<h3>我的第一个网页</h3> 
<!-- 单标签 -->
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="">
<!-- 标签属性 -->
<a href="http://baidu.com">百度</a>
<!-- 多个空格算一个 -->
<h3>我的         第一个网页</h3>

(2) 结构标签

一个网页的骨架标签

<!DOCTYPE html> 声明文档类型
1. html表示该文档类型为html5。
2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 表示该文档为html4
<html> 页面的根标签，最顶层标签。
<head> 定义关于文档的信息（不会显示到页面）
<body> 定义文档的主体(要显示到页面中的内容)
<title>定义文档的标题，显示到浏览器的选项卡中。该标签必须写在<head>标签内部。
<meta>描述 HTML 文档的元数据。通过标签中属性设置其相关的信息
- charset 定义文档的字符编码。h5 新增
- name 属性规定元数据的名称,取值通常有keywords、description、author name 属性需要配合 content属性一起使用。

<link>定义文档与外部资源的关系

href 定义被链接文档的位置。
rel 规定当前文档与被链接文档/资源之间的关系。常用取值如下：
- stylesheet 表示要导入的样式表的 URL。
- icon 导入表示该文档的图标。浏览器标签栏图标格式为 .ico 图片在线转换 ICO

<!DOCTYPE html>
<html lang="en">
  <head>
    <head>
      <!-- 页面描述 -->
      <meta name="description" content="Free Web tutorials" />
      <!-- 关键词：用于搜索引擎进优化 -->
      <meta name="keywords" content="HTML,CSS,JavaScript" />
      <!-- 作者 -->
      <meta name="author" content="Hege Refsnes" />
      <!-- 引入外部css文件 -->
      <link rel="stylesheet" href="./main.css" />
      <!-- 浏览器标签栏图标 -->
      <link rel="icon" href="./logo.ico" />
      <title>我的第一个网页</title>
    </head>
  </head>
  <body>
    我爱web前端
  </body>
</html>

(3) 文本标签

标签列表

<h1> ... <h6> 标题标签
<div> 区块标签(大)
<span> 区块标签(小)
<p> 段落
<br> 换行
<hr> 水平线
<strong> 定义语气更为强烈的强调文本
<i> 斜体文本
<pre> 预格式文本

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 标题标签 -->
    <h1>hhhhhhhhh</h1>
    <h2>hhhhhhhhh</h2>
    <h3>hhhhhhhhh</h3>
    <h4>hhhhhhhhh</h4>
    <h5>hhhhhhhhh</h5>
    <h6>hhhhhhhhh</h6>

    <!-- 区块标签(大) -->
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>

    <!-- 区块标签(小) -->
    <span>span1</span>
    <span>span2</span>
    <span>span3</span>

    <!-- 段落标签 -->
    <p>ppppppppp</p>
    <p>ppppppp

最低0.47元/天解锁文章

超级小丑_Supclown

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML相关

(1) 标签相关概念1. HTML版本html的版本有:HTML1.0 HTML2.0 HTML3.2 HTML4.0 HTML4.01（微小改进） HTML5：2008年正式发布,现在都在用第5版的html2. HTML文件# 一个html文件用浏览器打开就是一个网页第一个网页(有文字, 有链接和图片) <!DOCTYPE html><html lang="en"><head> <meta charset="
复制链接

扫一扫