JavaWeb第二章HTML与CSS网页02

来源：互联网发布：北海道自由行知乎编辑：程序博客网时间：2024/05/21 21:48

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>

网页：

阅读全文

0 0