初识HTML、P标签、img标签

HTML简介

HTML是一个超文本标记文言(HyperText  Markup  Language)

超文本： 1. 超 越文本    .txt 只能写字符  不能插入图片 链接  音视频 动画 .html有
                2. 运行宿主  浏览器上   超文本传输协议http /https

标记： 官方(w3c )规定好的一些标识   每一个标识有一个特定功能  

 一个标记由一组尖角号<>

类型：
 <一>单标记 ：

<开始标记  属性名="属性值">  

 例如：<img  >    图片标记    功能属性：地址

<二>双标记  ：

<开始标记  属性名="属性值"     属性名="属性值"  属性名="属性值">内容</结束标记>

例如：一级标题     <h1>内容（文本+其他标记）</h1>

HTML作用： 呈现网页的结构 (网页上有什么东西就通过html标记呈现！！)

 H1-H6

标题系列  

6个标题

<h1>一级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>

1. 建议大家不要使用h4以下的标题标签  

2. h1在一张界面(1个html文档)中有且只能有一个

3. h1一般用在pc端的头部logo部分

P标签

段落标签  p   paragraph  <p></p>

作用： 装一行至多行文字 

在<p>标签中，无论文字间有几个空格都只会显示一个

换行标签 ： 专门为了给文本换行 <br>

规则: p不套p p一般不套div  只套文本  可以套小图片 ，图片，小篇文章盒子

<p>这是一个段落</p>
<p>这是第二个段落</p>

 图片标签img

 

<!-- 默认属性：
       src: 图片地址
       alt: 图片加载不成功的时候的文本提示
       width宽度(非css属性)
       height 高度(非css属性)
       title:鼠标移入图片时的文本提示


       src: 图片资源地址
           绝对路径：（不受当前文件路径影响）
                网络路径
                D:/a/b/c/1.jpg

           相对路径：（受当前文件路径影响）
           从你当前文件出发找图片  同级文件夹./    上一级../(跳出一个文件)     上一级上一级(跳出两个)../ 
    -->
    <img src="./image/x40.gif" alt="这是一个表情包" width="" height="" title="">

 运行结果

图片加载不成功运行结果：

 

 运行成功就会显示对应的图片了。

第一天的分享就到这里了，我也是每天都在学习前端HTML+CSS，喜欢内容的可以点赞关注哦！