美文网首页
HTML基础

HTML基础

作者: Insight_ | 来源:发表于2019-11-18 16:52 被阅读0次

HTML标题(HTML标题(Heading)是通过<h1> - <h6>标签来定义的)

<h1>这是一个h1标题</h1>
<h2>这是一个h2标题</h2>
<h3>这是一个h3标题</h3>

HTML段落(HTML段落是通过标签<p>来定义的)

<p>这是一个段落</p>
<p>这是另一个段落</p>

HTML链接(HTML链接是通过标签<a>来定义的)

<a href="http://www.baidu.com">这是一个链接哦</a>

HTML图像(HTML图像是通过标签<img>来定义的)

<img src="/images/logo.png"> width=300 height=80 />

Tip:一些标签的使用,切记所有标签都需要闭合,不管是单体标签还是成对标签。(尽管目前浏览器是识别有些标签不闭合的情况,但是取最好的保证兼容性---使用闭合);标签写法要用小写字母(有些版本对大小写均认为相同,而xhtml中强制使用小写)

HTML属性

  • HTML元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"。
<a href="htt[://www.baidu.com">这是一个链接</a>

HTML链接由<a>标签定义,链接的地址再href属性中指定;

Tip:双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun"Nelson';属性和属性值,尽量小写,本来这样做也方便些。

HTML标题

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
<h1>这是1号标题</h1>
<font size="6">这是6号字体文本</font>
<! -- 1到6号标题与1到6号字体逆序对应,比如1号字体对应6号标题,2号字体对应5号标题。-->

HTML水平线


标签在HTML页面中创建水平线来分割内容
<p>这是一个段落</p>
<hr>
<p>这是一个段落</p>
<hr>
<p>这是一个段落</p>

HTML注释(可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。)

<!--这是一个注释-->

HTML拆行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
标签
<p>这个<br>段落演示了<br>分行效果</p>
<! --<br/>元素是一个空的HTML元素,由于关闭标签没有任何意义,因此它没有结束标签-- >

相关文章

网友评论

      本文标题:HTML基础

      本文链接:https://www.haomeiwen.com/subject/wtkbictx.html