咱们一起来聊一聊HTML基础_1

HTML的标题

标题可以分为 6 等级标签定义

    <h1>一级标题</h1> 
    <h2>二级标题</h2> 
    <h3>三级标题</h3>  
    <h4>四级标题</h4> 
    <h5>五级标题</h5> 
    <h6>六级标题</h6> 

段落

段落用p标签定义

<P>段落,内容可以很长</P> 

例子:
我的博客链接

  <a href="oldaz.github.io">我的博客链接</a>
 链接 通过a标签定义 herf 是属性中指定的地址

HTML中添加图片

图片的代码如下:

   <img src="https://dss0.bdstatic.com/6Ox1bjeh1BF3odCf/it/u=2683299436,2749747196&fm=173&app=49&f=JPEG?w=218&h=146&s=8F009A4DE7901E78120A203E0300C05A"/>
图像是由<img>标签定义的 ,其中src="l里面为图片的地址或者文件路径"

HTML中的元素

html元素是指的从开始标签到结束标签的所有的代码

嵌套的HTML元素

大多数量的html元素可以嵌套其他的html元素

 <a ><span>嵌套</span></a>

HTML属性

html标签可以拥有属性,属性提供了有关的html元素的更多信息。
属性总是以名称/值对的形式出现,比如:name="value"或者id=“value”

<a herf="http: //oldaz.github.io">a标签的herf就是属性的指定</a>

换行标签

<br/>

html水平线

效果如下:


==代码如下==
 <hr/> 

HTML 注释

 <!--这里为注释的内容-->

HTML中style 属性的作用

这里提供关键代码提示,方便使用查阅

背景色 background-color
字体 font-family
字体尺寸 font-size
文本对齐 style=“text-align:center”

文本格式化

注释:这里用代码的格式是因为markdown里面如果直接写HTML代码就直接编译了,不能呈现出来。所以用的代码格式显示,可是没有用注释;稍稍不太专业。

定义粗体文字 <b></b>
定义大号字  <big></big>
定义着重文字 <em></em>
定义斜体字  <i></i>
定义小号字  <small></small>	
定义加重语气 <strong></strong>
定义下标字  <sub></sub>
定义上标字 <sup></sup>
定义插入字 <ins></ins>
定义删除字 <del></del>

计算机输出标签

  • 定义计算机代码:
<code></code>
  • 定义键盘码 :
<kbd></kbd>
  • 定义计算机代码样本:
<samp></samp>
  • 定义打字机代码 :
<tt></tt>
  • 定义变量:
   <var></var>
  • 定义预格式文本:
<pre></pre>
  • 引用、引用和术语定义:
 <abbr title="etcetera">etc.</abbr>
 <p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
  • 定义首字母缩写:
<acronym title="World Wide Web">WWW</acronym>
  • 定义文字方向:
  <bdo>66</bdo>
  • HTML 用于短的引用:
  <q>引用会带双引号</q>
  • 用于长引用的 HTML (自动裁切):
   <blockquote cite=" https://www.cnblogs.com/478424260jyx/p/10747338.html"></blockquote>
  • 用于定义的 HTML
<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
  • 用于联系信息的作者/拥有者
 <address>
        Written by Jon Doe.<br> 
        Visit us at:<br>
        Example.com<br>
        Box 564, Disneyland<br>
        USA
 </address>
  • 用于著作标题的 HTML
  <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
  • 用于双向重写的 HTML (反向书写):
   <bdo dir="rtl">This text will be written from right to left</bdo>




到这里,HTML基础第一部分就差不多啦。

猜你喜欢

转载自blog.csdn.net/qq_43370892/article/details/105523772