w3schools网站的HTML教程之HTML基础

如果下述案例所使用的标签你还不会,不要担心。
你将在下一章学习到这些标签。

HTML 文档

所有 HTML 文档必须是以这个类型声明:<!DOCTYPE html>

HTML 文档本身要以<html>开始,以</html>结束。

HTML 文档在浏览器中可见的部分是在<body></body>之间。

<!DOCTYPEhtml>
<html>
  <body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

  </body>
</html>

HTML 标题

HTML 标题的定义使用从<h1><h6>标签:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML 段落

HTML 段落的定义使用<p>标签:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接

HTML 链接的定义使用<a>标签:

<a href="http://www.longestory.com">This is a link</a>

链接是通过href属性指定跳转的地址。
属性是用来给HTML元素提供额外的信息。

HTML 图像

HTML 图像的定义使用<img>标签。

该标签提供的属性中,src 属性表示图像的地址,alt 属性表示提示内容,width 和 height 属性表示图像显示的大小。

<img src="longestory.jpg" alt="longestory.com" width="104" height="142">

你将在后面的章节中学习到更多有关属性的内容。


本文翻译于《w3schools》网站提供的 HTML 教程。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML是一种用于构建网页的标记语言。如果你想学习HTML,以下是一些基础知识和步骤: 1. 了解HTML基础知识:HTML是一种标记语言,用于将内容结构化为网页,并使用标签和属性来定义和格式化内容。HTML标签用尖括号括起来,如`<html>`,并通常成对出现,如`<p>这是一个段落</p>`。 2. 编写你的第一个HTML文档:使用文本编辑器(如Notepad++或Sublime Text)创建一个新文件,并将其保存为.html文件。在文件中输入以下内容: ``` <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是我的第一个网页,我正在学习HTML。</p> </body> </html> ``` 3. 学习HTML标签:HTML有许多标签,每个标签都有不同的作用。你可以在W3Schools上查看每个标签的用法和示例。 4. 格式化文本:使用标记来格式化文本,如`<h1>`用于标题,`<p>`用于段落,`<strong>`用于加粗文本,`<em>`用于强调文本等等。 5. 添加图片和链接:使用`<img>`标签添加图片,使用`<a>`标签添加链接。例如: ``` <a href="https://www.baidu.com">这是一个链接</a> <img src="image.jpg" alt="我的图片"> ``` 6. 在HTML中使用CSS:CSS是一种用于样式化网页的语言,可以用于更改字体,颜色,布局等。在HTML文件中,可以使用`<style>`标记嵌入CSS样式表,也可以将CSS样式表保存在单独的.css文件中,然后在HTML文件中使用`<link>`标记引用它。 以上是HTML基础入门教程的一些基础知识和步骤,希望能够帮助你入门HTML

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值