html 第一天内容总结

最新推荐文章于 2022-08-24 20:22:41 发布

听风，等雨

最新推荐文章于 2022-08-24 20:22:41 发布

阅读量123

点赞数

本文链接：https://blog.csdn.net/qq_53692029/article/details/113839958

版权

这篇博客介绍了HTML的基础知识，包括HTML的定义、常用标签如标题、换行、段落、图像，以及注释和特殊符号的使用。重点讲解了超链接的创建，包括内部锚链接和功能性链接，如电子邮件和电话号码链接。通过示例代码展示了如何实现页面内的跳转功能。

摘要由CSDN通过智能技术生成

一简介html

HTML：超文本标记语言(Hyper Text Markup Language)
HTML不是一种编程语言，而是一种标记语言，描述网页的语言标记语言是一套标记标签(markup tag)
HTML使用标签描述网页中图片、文本、音乐、视频、超链接
HTML文档包含了HTML标签及文本内容
HTML文档也叫做web页面

第一天学习内容目录图

在这里插入图片描述

二 vs code 基本框架

基本框架
注：

<>单标签一般用来声明属性
<></>双标签一般用来表示范围

三基本标签

标题标签:<h1></h1>，从h1到h6
换行标签:<br>
段落标签：<p>
水平线标签：<hr>
字体倾斜标签：<em>
字体加粗标签：<strong>
图像标签：<img src="路径" alt="替换文本" width="x" height="y">

四注释与特殊符号

注释：
特殊符号：

空格：&nbsp；

注意：在HTML中连续的多个空格默认为一个空格，如果需要打出多个空格的效果则需要使用&nbsp；来表示一个空格。

大于号和小于号：&gt &lt 大于号和小于号直接写在标签中有可能被识别为标签的左右结束范围的标志,所以有时候我们需要使用这两个符号。
引号：&quot
版权符号：&copy

五超链接与锚链接

超链接 HTML使用标签 <a href="url">链接文本来设置超文本链接
在标签<a>中使用了href属性来描述链接的地址
锚链接 超链接的另一个运用，在本页面进行跳转，例如访问淘宝网首页时，当看到底部后，点击返回顶部，就可以直接返回到最初进入淘宝网首页的界面。

实例代码

`<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>锚链接</title>
</head>
<body>
    <h1 id="top">标题</h1>
    <a href="#bottom"><h2>点我直达底部</h2></a>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3>我真帅</h3>
    <h3 id="bottom">我真帅</h3>
    <a href="#top"><h2>点我回到顶部</h2></a>
</body>
</html>