HTML快速入门-1

最新推荐文章于 2021-04-26 10:33:41 发布

胤哥的博客

最新推荐文章于 2021-04-26 10:33:41 发布

阅读量127

点赞数

分类专栏： Linux基础网络安全

本文链接：https://blog.csdn.net/qyy970525/article/details/105755054

版权

Linux基础同时被 2 个专栏收录

37 篇文章 6 订阅

订阅专栏

网络安全

12 篇文章 1 订阅

订阅专栏

1.什么是HTML标签

HTML是用来描述网页的一种语言
HTML是指超文本标记语言
HTML不是一种编程语言，而是一种标志语言
标记语言是一套标记的标签
HTML就是用标记标签来描述网页的

2.如何使用HTML标签

HTML标签是成对出现的，例如：
第一个是开始标签（开放标签），第二个是结束标签（闭合标签）

3.什么是网页

网页就是HTML文档，就是说用HTML文档来描述标签
HTML文档就是有HTML标签和纯文本组成
网页也被称为HTML文档

4.网页是如何工作的

网页需要浏览器来打开
浏览器的作用就是读取HTML文档，HTML标签和文本用网页的形式显示出来

5.HTML标签

根标签 ：
<html></html>
文档元数据：
<head></head>引入一些css的样式、自定义一些css的样式、引入Javascript脚本、里面包含<meta>：可以设置字符集、包含了<title></title>：设置一个也页面的标题
<body></body>：正式的内容
脚本：
<script></script>
章节：  
<h1></h1>：一级标题
<h2></h2>：二级标题
<h3></h3>：三级标题
<h4></h4>：四级标题
<h5></h5>：五级标题
<h6></h6>：六级标题
组织内容：
<p></p>：段落/内容/文本的详情
<br>：段落中表示换行
<hr>：水平分割线
<ol>：有序列表
<li></li>：定义列表项目
<ul>：无序列表
<a>：链接、超链接
文字排版格式：
<b></b>：加粗
<i></i>：斜体
<del></del>：删除内容
<ins></ins>：出入内容
<sub></sub>：下标
<img>：嵌入一张图片

实际操作

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>标题</title>
</head>
<body>
       <h1>一级标题</h1>
       <h2>二级标题</h2>
       <h3>三级标题</h3>
       <h3>四级标题</h3>
       <h3>五级标题</h3>
       <h3>六级标题</h3>
</body>
<body>
	<h1>七律·长征</h1>
	<p>
     红军不怕远征难， <br>
     <b>万水千山只等闲。</b>
     <i>五岭逶迤腾细浪，</i>
     <ins>乌蒙磅礴走泥丸。</ins>
     金沙水拍云崖暖，
     大渡桥横铁索寒。
     更喜岷山千里雪，
     三军过后尽开颜。 <sub>见注释</sub>
     <del>删除内容</del>
     <h1>水果</h1>
     <hr>
     <ol>
     	<li>苹果</li>
     	<li>橘子</li>
     	<li>香蕉</li>
     	<li>芒果</li>
     </ol>
     <ol type="a">
     	<li>苹果</li>
     	<li>橘子</li>
     	<li>香蕉</li>
     	<li>芒果</li>
     </ol>
     <ol type="A">
     	<li>苹果</li>
     	<li>橘子</li>
     	<li>香蕉</li>
     	<li>芒果</li>
     </ol>
     <ul>
     	<li>苹果</li>
     	<li>橘子</li>
     	<li>香蕉</li>
     	<li>芒果</li>
     </ul>
	</p>
</body>
</html>

效果图

在这里插入图片描述

实操

<!DOCTYPE html>
<html>
<head>
	<title>标题</title>
</head>
<body>
<ul>
	<li> <a href="http://www.baidu.com">百度</a></li>
</ul>
<ul>
	<li> <a href="http://www.baidu.com" target="_blank">另起窗口打开百度</a></li>
	<img src="F:\照片\篮球.jpg" width="20%" height="40%">
</ul>
</body>
</html>

效果图
在这里插入图片描述

胤哥的博客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML快速入门-1

1.什么是HTML标签HTML是用来描述网页的一种语言HTML是指超文本标记语言HTML不是一种编程语言，而是一种标志语言标记语言是一套标记的标签HTML就是用标记标签来描述网页的2.如何使用HTML标签HTML标签是成对出现的，例如：第一个是开始标签（开放标签），第二个是结束标签（闭合标签）3.什么是网页网页就是HTML文档，就是说用HTML文档来描述标签HTML文档就是有...
复制链接

扫一扫

专栏目录