前言

提示：HTML简介：

HTML（Hyper Text Markup Language）的全称为超文本标记语言，是一种标记语言。它是专门制作网页的计算机语言。

提示：以下是本篇文章正文内容，下面案例可供参考

一、HTML的基本结构

<html><head><title>html基本结构</title></head><body>这是第一个网页!!!!</body>
</html>

运行效果：

二、标题标签和段落标签

1.标题标签

<html><head><title>h标签</title></head><body><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6></body>
</html>

运行效果：
标题：总共有6个等级

2.段落标签

代码如下（示例）：

<html><head><title>h标签</title></head><body><p>你今天真好看！</p></body>
</html>

运行效果：
段落p标签：用来定义文本

三、超链接标签

<a>标签，可以实现跳转到其它页面操作，超链接内容不仅可以是文本，也可以是图片等信息常用属性

<html><body><a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a><p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p></body></html>

运行效果：
点击：Visit W3School!将跳转到http://www.w3school.com.cn/网页里

四、水平线和换行标签

各个标签的作用：

1.    <!--这是注释标签-->
2.   title:标题
3.   h1~h6:一级到六级标题
4.   hr:水平线
5.   p:段落标签
6.   strong:加粗标签
7.   em:倾斜标签

<html><head><!--这是注释标签--><!--title:标题--><title>水平线和换行标签</title></head><body><!--h1~h6:一级到六级标题--><h3>北京欢迎你</h3><!--hr:水平线--><hr/><!--p:段落标签--><p><!--strong:加粗标签--><strong>北京</strong>欢迎你，有梦想谁都了不起<br/><!--em:倾斜标签--><em>有勇气谁都了不起</em></p></body>
</html>

运行效果：

五、特殊符号

<html><head><title>特殊符号</title></head><body><p>空格:空&nbsp;&nbsp;&nbsp;格,空&ensp;&ensp;格,空&emsp;&emsp;格</P><p>>:&gt;</p><p><:&lt;</p><p>"双引号":&quot;</p><p>版权符号:&copy;</p></body>
</html>

各个标签的作用：

1.    &nbsp;/&emsp;/&ensp;三种空格输入方式
2.   &gt;<
3.   &lt;>
4.   &quot;双引号
5.   &copy;版权符号

六、图片引用

<img>可以让我们在网页上引入一张图片，常用属性：1. scr：代表的图片的路径
2. width：图片的宽度
3. heigth：图片的高度
4. title：图片的名称，鼠标悬浮时显示

<html><head><title>图片引入</title></head><body><!--src：指图片路径--><!--title：图片的名称，鼠标悬浮时显示--><!--width和height：指图片的宽高，单位:px(像素)--><!--图片路径:./：代表当前目录../:代表上一级目录相对路径:相对于当前文件去找图片的路径,编码文件退到或进到和图片同级目录绝对路径:直接从根路径找(盘符开始)--><img src="./imgs/核桃.png" title="核桃" width="300" height="300"/></body>
</html>

运行效果：

HTML详解——初识html（一）相关推荐

initramfs详解-----初识initramfs
为什么需要initramfs 在Linux内核被加载到内存并运行后,内核进程最终需要切换到用户太的进程来使用计算机,而用户进程又存在于外存储设备上,比如systemd进程,通常systemd进程所在的 ...
BACnet协议详解——初识BACnet架构
文章目录 BACnet协议架构 BACnet简化的架构简化的四层BACnet体系结构选取 BACnet 网络的拓扑结构安全最后声明 BACnet协议架构国际标准化组织在制定计算机网络通讯协议标 ...
HTML详解——初识html（二）
文章目录前言一.HTML列表 1.HTML3种列表 2.列表练习题二.HTML表格 1.表格语义化标签 2.表格基本结构 3.表格综合运用 4.表格跨行.跨列合并 5.表格练习题三.HTML表 ...
git cherry-pick 详解 —— Git 学习笔记 18
git cherry-pick 详解初识 git cherry-pick(拣选) 拣选会提取某次提交的补丁,之后尝试将其重新应用到当前分支上. 这种方式在你只想引入特性分支中的某个提交时很有用. 假 ...
group_concat函数详解
https://blog.csdn.net/ys410900345/article/details/44828571 问了好多人,都不知道group_concat这个函数. 这个函数好啊,能将相同的行 ...
web标准浏览器介绍开发工具介绍 HTML介绍 HTML颜色介绍规范 HTML结构详解 {前端之前端初识}...
前端之前端初识前端初识本节目录一 web标准二浏览器介绍三开发工具介绍四 HTML介绍五 HTML颜色介绍六规范七 HTML结构详解一 web标准 web准备介绍: 1.w3 ...
Android Preference详解之初识Preference及Preference系（一）
Android Preference详解之初识Preference及Preference系(一) 转载:https://blog.csdn.net/google_huchun/article/deta ...
初识网络基础《网络七层模型详解》
坚持原创输出,点击蓝字关注我吧图片来自网络目录一.初识网络基础二.网络七层模型详解 1.物理层 2.数据链路层 3.网络层 4.传输层 5.会话层 6.表示层 7.应用层三.总结一.初识网 ...
C语言的底层逻辑剖析函数篇（其二），0基础搞定函数，初识函数递归，超详解
这里写目录标题 C语言的底层逻辑剖析函数篇(其二),0基础搞定函数,初识函数递归,超详解开篇语函数的调用(嵌套调用和链式访问) 1.嵌套调用 2.函数的链式访问函数的声明和定义函数声明和定义分 ...

HTML详解——初识html（一）

文章目录

前言

一、HTML的基本结构

二、标题标签和段落标签

1.标题标签

2.段落标签

三、超链接标签

四、水平线和换行标签

五、特殊符号

六、图片引用

HTML详解——初识html（一）相关推荐

最新文章

热门文章