HTML快速入门-1
程序员文章站
2024-01-26 12:12:58
...
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>
效果图