21xrx.com
2025-06-01 19:14:51 Sunday
登录
  

HTML基础

上一章 下一章

不要担心例子中的标签你还没有用过.

你将在下个章节中学习它们.

HTML文档

所有的HTML文档必须以<!DOCTYPE html>开头

HTML文档自身以<html>开始,以</html>结尾.

HTML文档的可见部分在<body>和</body>之间.

例子

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个文章标题</h1>
<p>我的第一个段落.</p>

</body>
</html>
Markup

HTML标题

HTML标题的定义是由<h1>到</h6>标签.

<h1>定义最大的标题,<h6>定义最小的标题.

例子

<h1>这是标题一</h1>
<h2>这是标题二</h2>
<h3>这是标题三</h3>
Markup

HTML段落

HTML段落是用<p>标签定义的.

例子

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

HTML链接

HTML的超链接是用<a>标签定义的.

例子

<a href="http://www.21xrx.com">这是一个超链接</a>
Markup

超链接的指向地址用href属性定义.

属性给HTML文档增加额外信息.

你将在下一章学习更多关于属性的知识.

HTML图像

HTML图像用<img>标签定义.

提供的属性有:源文件(src),替换文字(alt),width,和height

例子

<img src="/public/images/example_one.jpg" alt="21xrx.com" width="200" height="142">
Markup

HTML按钮

HTML按钮用<button>标签定义.

例子

<button>点击我</button>
Markup

HTML列表

HTML的列表定义用<ul>(无序/项目列表)或<ol>(有序/数字列表)标签,接着是<li>(列表项).

例子

<ul>
  <li>咖啡</li>
  <li></li>
  <li>牛奶</li>
</ul>
Markup
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2