欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML学习 第一课

程序员文章站 2024-03-25 17:15:58
...

HTML小白学习 初识HTML

网页主体学习

网页在当今时代已随处可见,学习网页将是我们对互联网了解不可获缺的一课。

本人使用开发工具 IDEA HTML学习 第一课

1.初始网页代码主体

HTML学习 第一课

此处有详细的注解

<!--这是一个注释 快捷键为 ctrl+/ -->
<!--DOCTYPE 告诉浏览器我们使用什么规范 不写默认为HTML-->
<!DOCTYPE html>
<html lang="en">
<!--<head></head> 代表网页头部-->
<head>
<!-- meta为描述性标签,用来描述网页的信息 用来搜素此网页-->
<!--meta一般用来SEO-->
    <meta charset="UTF-8">
    <meta name="Keywords" content="小白学习网页">
    <meta name="description" content="这里可以学习HTML">
<!-- title标签为网页标题-->
    <title>小白学习第一课</title>
</head>
<!--<body></body>等成对的标签,分别叫开放标签和闭合标签-->
<body>
你好,小白
</body>
</html>

点开IDEA代码界面 点开一个图标

HTML学习 第一课

**如若点开 找不到 请配置浏览器的Path **

  1. 点开 Path
  2. 找到你电脑浏览器的位置

HTML学习 第一课

跳转到浏览器如图

HTML学习 第一课

点击右键 找到查看页面源代码 就可以看到你写的HTML代码

HTML学习 第一课


网页基本标签学习

标题标签

<h1>标题标签 一级标签 </h1>
<h2>  标题标签 二级级标签 </h2>
......

段落标签

<p>学习是人生路上</p>
<p>最美丽的风景</p>
<p>也是陪伴你最久的人</p>

换行标签

<!-- 自闭和标签-->
<br/>  

水平线标签

<hr/>

字体样式标签

<!--粗体样式 -->
<strong> </strong>
<!--粗体样式 -->
<em></em>

注释和特殊符号

<!--这是一个注释 快捷键为 ctrl+/ -->
<!-- 特殊符号-->
&nbsp;   空格 注意不要少打英文分号
&gt;>    大于号
&lt;<    小于号
&copy;   © 版权符号

相关标签: html5 html http