第三课时之基本的 HTML 标签 - 四个实例

本节通过实例向您演示最常用的 HTML 标签。

提示:不要担心本章中您还没有学过的例子,您将在下面的章节中学到它们。

提示:学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。

1.HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

实例

<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>

2.HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

实例

<html>
<body>

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

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

</body>
</html>

3.HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例

<html>
<body>

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

</body>
</html>

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

(您将在本文章稍后的章节中学习更多有关属性的知识)。

4.HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

<html>
<body>

<img src="cat_little.png" width="300" height="120" />

</body>
</html>

注释:图像的名称和尺寸是以属性的形式提供的。  

  

  

原文地址:https://www.cnblogs.com/LQ-Hacker/p/html-3.html

时间: 2024-10-16 20:25:41

第三课时之基本的 HTML 标签 - 四个实例的相关文章

基本的 HTML 标签 - 四个实例

本章通过实例向您演示最常用的 HTML 标签. 提示:不要担心本章中您还没有学过的例子,您将在下面的章节中学到它们. 提示:学习 HTML 最好的方式就是边学边做实验.我们为您准备了很好的 HTML 编辑器.使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果. HTML 标题 HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的. 实例 <h1>This is a heading</h1> <

HTML常用标签用法及实例

HTML常用标签用法及实例1.<!--1.注释-->2.<!--2.DOCTPYE 声明文档类型-->3.<!--3.a--> <a href="http://www.baidu.com/">百度一下</a><br> <!--超链接标签-->4.<!--4.address <address> 标签定义文档或文章的作者/拥有者的联系信息.如果 <address> 元素位于 &

2.2文字标签的练习实例

一, 二,三,这里只是要展示文字标签的一些实例,图片插入哪里可以忽略,以后在学 四, 原文地址:https://blog.51cto.com/14224115/2367624

JSP标签c forEach实例

JSP标签c:forEach实例 1.实例源码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%> <!DOCTYPE html PUBLIC "-//W3C/

TCP建立连接通过三次握手,释放连接通过四次挥手

tcp建立连接通过三次握手.释放连接通过四次挥手 一.tcp建立连接通过三次握手 首先tcp的特性:tcp是面向连接的安全可靠的传输协议. 传输连接是用来传送tcp报文的.tcp传输连接的建立和释放是每一次面向连接的通信中必不可少的过程.因此,传输连接就有三个阶段:连接建立.数据传输.连接释放.传输连接的管理就是使传输连接的建立和释放都能正常的进行. 在tcp连接建立的过程中要解决以下三个问题: 1.要使每一方都能够确知对方的存在. 2.要允许双方协商一些参数(如最大窗口值.是否使用窗口扩大选项

Web前端学习第三天&#183;fighting_常用的一些标签(一)

标题标签<h1>~<h6> 块级标签,独占一行,一般常用的使<h3>和<h4>. 换段标签<p> 块级标签,其后面的内容会空一行再显示. style=“test-indent:2em” 可以设置样式为首行缩进两个字符. <blockquote></blockquote>可以用来设置整个段落的缩进 超链接<a> 行级标签. 重要属性有三个:href.target.name href  超链接地址:可以是Web上任

三种不同类型的html标签

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span>.<br>.<

(三)HTML中的列表标签、框架集及表单标签

一.HTML的列表标签 在网页中,经常可以看到,有的内容排列如同word里面的项目编号,这就是HTML的无序排列和有序排列起到的作用.. HTML之无序排列:<ul></ul> 例子:<ul type="??"> // type的属性值可以为:disc---->实心黑色圆:circle---->空心圆:square---->实心正方形. <li>河南理工大学</li> <li>河南工业大学<

Android ActionBar详解(三):ActionBar实现切换Tabs标签

实现切换Tabs标签; Activity代码: public class ActionBarTabs extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.action_bar_tabs); } public void onAddTab(View v) { final