JavaWeb第二章HTML与CSS网页02

最新推荐文章于 2022-07-04 10:42:57 发布

柳橙青芒

最新推荐文章于 2022-07-04 10:42:57 发布

阅读量342

点赞数

分类专栏： JavaWeb从入门到精通文章标签： HTML与CSS网页开发基础

本文链接：https://blog.csdn.net/qq_36771265/article/details/78251982

版权

JavaWeb从入门到精通专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML常用标记

1、换行标记：<br>

需要注意的是换行标记不是成对出现的，它是单独标记。

创建HTML页面，实现在页面中输出一首古诗

1）新建txt文件，写入源码如下：

<html>
  <head>
    <title>
	应用换行标记实现页面文字换行
    </title>
  </head>
  <body>
   <b>
    黄鹤楼送孟浩然之广陵
   </b><br>
   <b>
    故人西辞黄鹤楼，烟花三月下扬州。
   </b><br>
    <b>
    孤帆远影碧空尽，唯见长江天际流。
    </b>
  </body>
</html>

2）另存为.html文件，双击打开，网页如下

相应的还有段落标记<p></p>（段前段后各留一个空行）；标题标记：<h1></h1>~<h6></h6>（数字越小，字号越大）；居中标记<center></center>（文字居中显示）；

文字列表标记（包含无序列表和有序列表）

1、无序列表

无序列表是在每个列表项的前面添加一个圆点符号。通过符号<ul>可以创建一组无序列表，其中每一个列表项以<li>表示。

源码：

<html>
  <head>
    <title>
      无序列表标记
    </title>
  </head>
  <body>
    编程字典有以下几个品种：
    <ul>
      <li>Java编程词典</li>
      <li>VB编程词典</li>
      <li>VC编程词典</li>
      <li>.net编程词典</li>
      <li>C#编程词典</li>
    </ul>  
  <body>
</html>

网页：

2、有序列表

有序列表可将列表项进行编号。通过符号<ol>可以创建一组无序列表，其中每一个列表项以<li>表示。

源码：

<html>
  <head>
    <title>
      有序列表标记
    </title>
  </head>
  <body>
    编程字典有以下几个品种：
    <ol>
      <li>Java编程词典</li>
      <li>VB编程词典</li>
      <li>VC编程词典</li>
      <li>.net编程词典</li>
      <li>C#编程词典</li>
    </ol>  
  <body>
</html>

网页：