首页 > 其他分享 >HTML基础1

HTML基础1

时间:2024-08-07 09:42:59浏览次数:13  
标签:段落 Code 示例 标签 基础 标题 HTML

HTML是什么

HTML是一种超文本标记语言但是更高级。通俗的讲你看到的网页就是一个HTML文件,浏览器的功能就是展示收到的HTML文件。

开始HTML

<!DOCTYPE html>//声明,表示这是HTML5,加上后可以使用更丰富的功能
<html>
<head>
<meta charset="utf-8">
<title>网页的标题</title>
</head>
<body>
<h1>标题(大字)</h1>
<p>我的第一个段落。</p>
</body>
</html>

HTML里用尖括号框起来的字符叫标签,表示文件的样式。
标签总是配对的,如果不配对的话某些浏览器可能不支持展示
但是如果您是在社交网站上或者发表博客的时候不需要前面的声明和html标签、head、body这些标签,因为这个界面已经有了这些标签,如果存在两个这些标签会出现一些错误。
如果您是自己搭建网站时必须将所有的声明、html、body等标签都加上。
只有body标签里面的内容是可见的

绝大多数网站直接输出中文会乱码,所以我们要声明编码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

p标签的解释

p标签代表段落,是最普通的一个标签,样式是这样:

段落示例

Code:
<p>段落示例</p>

标题标签

1

上面是一级标题,当然还有二级、三级一直到六级。对标Markdown(~~实际上是MD对标HTML~~) 他们的示例: > # 一级标题 > ## 二级标题 > ### 三级标题 > #### 四级标题 > ##### 五级标题 > ###### 六级标题 Code:
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

拓展:b标签

b标签是加粗样式,如

段落

光 · 加粗

code:

<p>段落</p>
<p>光 · <b>加粗</b></p>

拓展:i标签

i标签是斜体

如:

告诉你,i标签是斜体!!!

Code:

<p>告诉你,<i>i标签是斜体!!!</i></p>

拓展:s标签

s标签是删除线!!!

如:

我是 骗子 你的老师

Code:

<p>
我是 <s>骗子</s> 你的老师
</p>

拓展:u标签

下划线
<u>删除线</u>
这次就不展示了,可以自己尝试

拓展: br标签

换行符,样式:<br />,二合一标签

示例:

1
666

Code:

<p>
1<br>
666
</p>

标签:段落,Code,示例,标签,基础,标题,HTML
From: https://www.cnblogs.com/mcr130102/p/18346391

相关文章

  • USB基础知识总结
    USB基础知识总结USB基本概念介绍USB(UniversalSerialBus,通用串行总线)是1995年英特尔和微软等公司联合倡导发起的一种新的**PC串行通信协议。它基于通用连接技术,实现外设的简单快速连接,达到方便用户、降低成本、扩展PC连接外设范围的目的。其最大特点是支持热插拔和即插......
  • JAVA基础:String的常用方法
    目录前言string的常用方法前言上一篇我们学习了string字符串的基本用法,以及string字符串的内部机制,而string也是一个类,他的内部也有很多已经给我们封装好的,方便我们操作字符串的方法,我们是不可能将内部的方法全部记住的,我们只要知道方法是怎么使用的有什么样的效果就行,......
  • 【JVM基础15】——实践-JVM调优的参数有哪些?
    目录1-引言:2-⭐核心:2-1设置堆空间大小2-2虚拟机栈的设置2-3年轻代Eden区和两个Survivor区的大小比例2-4年轻代晋升老年代阈值2-5设置垃圾回收器3-小结:3-1JVM调优的参数有哪些?1-引言:对于JVM调优,主要就是调整年轻代、老年代、元空间的内存空间大小......
  • 【Python】Python基础语法知识点汇集
    Python是一种高级的、解释型的编程语言,以其清晰的语法和代码可读性而闻名。本篇文章将汇集Python编程的基础语法知识点,为初学者提供一个全面的学习指南。......
  • Day18_2--Vue.js Ajax(使用 Axios)基础入门学习
    Vue.js中的Ajax请求(使用Axios)什么是Axios?Axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js环境中。它是现代化的Ajax库,用来替代传统的XMLHttpRequest。为什么选择Axios?简单易用:Axios提供了简洁且强大的API,使得发送HTTP请求变得非常简单......
  • HTML前端面试基础(一)
    HTML面试题可以涵盖多个方面,包括HTML基础、HTML5新特性、标签语义化、元素分类、属性理解等。以下是一些常见的HTML面试题及其简要答案:1.HTML基础问题:请解释一下HTML文档的基本结构。答案:HTML文档的基本结构包括<!DOCTYPEhtml>声明、<html>根元素、<head>头部元素(包含文......
  • Java基础6
    类与对象类:具有相同特征的事物的抽象描述,是抽象的、概念上的定义。对象:实际存在的该类事物的每个个体,是具体的,因而也称为实例。 面向过程编程(POP) vs   面向对象编程(OOP)面向过程:以“函数”为组织单位,是一种“执行者思维”,适合解决简单问题。拓展能力差、后期维护难度......
  • HTML 段落
    您已经很好地概述了HTML中段落(<p>标签)和折行(<br/>标签)的基本用法和注意事项。这里是对您内容的进一步补充和澄清:HTML段落<p>标签用于定义HTML文档中的段落。浏览器会自动在段落的前后添加空行(垂直边距),这是由浏览器的默认样式表(CSS)控制的。这有助于区分页面上的不同段落,使得内......
  • C++入门基础1
    目录1.c++发展历史2.C++在⼯作领域中的应⽤3.C++学习建议和书籍推荐3.1学习难度3.2书籍的推荐4.c++第一个程序5.命名空间5.1namesapce的价值5.2namespace的定义5.2.1 正常的命名空间定义5.3命名空间的使用5.3.1指定命名空间访问5.3.2using将命名空间中某......
  • 基于tcp,html,数据库的在线信息查询系统项目总结
    1.项目背景在线信息查询系统是一种可用于检索和展示各种信息的计算机程序或平台。主要特点包括:用户接口:通常提供友好的界面,用户可以方便地输入查询条件。数据存储:系统往往连接到数据库,存储大量信息,以供查询和分析。搜索功能:支持关键词搜索、筛选和分类功能,帮助用户快速找到......