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基础第一部分就差不多啦。