HTML的使用工具和基本的标签

使用工具

使用 Notepad 或 TextEdit 来编写 HTML

可以使用专业的 HTML 编辑器来编辑 HTML:

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

文件扩展名保存为.html和.htm是一样的。

 

基本的HTML标签

标题

<html>

<body>

 

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>

 

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

 

</body>

</html>

 

 

段落

<html>

<body>

 

<p>这是段落。</p>

<p>这是段落。</p>

<p>这是段落。</p>

 

<p>段落元素由 p 标签定义。</p>

 

</body>

</html>

 

链接

<html>

<body>

 

<a href="http://www.w3school.com.cn">

This is a link</a>

 

</body>

</html>

注释:在 href 属性中指定链接的地址。

 

插入图片

<html>

<body>

 

<img src="/i/eg_w3school.gif" width="300" height="120" />

 

</body>

</html>

注释:图片应该和原文件保存在一个目录下然后才可以直接应用图像的名称和尺寸是以属性的形式提供的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值