手机版

百科生活 投稿

掌握网页代码基本格式,网页设计的代码格式(<6>网页中的三种列表语法和示例)

百科 2026-05-28 22:35:38 投稿 阅读:7734次

关于【掌握网页代码基本格式】,网页设计的代码格式,今天小编给您分享一下,如果对您有所帮助别忘了关注本站哦。

  • 内容导航:
  • 1、掌握网页代码基本格式
  • 2、HTML学习笔记(6)网页中的三种列表语法和示例

1、掌握网页代码基本格式

网页代码有固定的基本格式。下面,我们来看看网页代码基本格式是什么样的吧。

操作方法

基本格式如下




这里填写标题







HTML代码


标示符
网页代表是用标示名来表示开始和结束的,比如
表示网页的头部
表示网页的名称
表示网页的主体部分

段落

段落

>

运行
然后在浏览器中运行,如下图所示:

2、HTML学习笔记(6)网页中的三种列表语法和示例

第五章 列表

1、列表的种类

列表有3种:有序列表、无序列表、定义列表。

2、有序列表

有序列表有两个标签:有序列表ol,即ordered list;列表项li,即list。二者组合使用,不可单独用。

有序列表的语法

  1. 列表项
  2. 列表项
  3. 列表项
  4. ...

有序列表的type属性有5个值,分别定义了5种列表项符号:

1 表示列表项符号为阿拉伯数字:1、2、3……(默认值)

a 表示列表项符号为小写字母:a、b、c……

A 表示列表项符号为大写字母:A、B、C……

i 表示列表项符号为小写罗马数字:i、ii、iii……

I 表示列表项符号为大写罗马数字:I、II、III……

有序列表的代码和显示效果如下:

下列哪个地方不是中国的省( )

  1. 浙江
  2. 贵州
  3. 福建
  4. 贵阳

掌握网页代码基本格式,网页设计的代码格式(<6>网页中的三种列表语法和示例)

掌握网页代码基本格式,网页设计的代码格式(<6>网页中的三种列表语法和示例)

3、无序列表

无序列表有两个标签:无序列表ul,即unordered list;列表项li,即list。

无序列表的语法与有序列表几乎一样:

  • 列表项
  • 列表项
  • 列表项
  • ...

无序列表的type属性有3个值,分别定义了3种列表项符号:

disc 实心圆(默认值)

circle 空心圆

square 实心正方形

无序列表的代码和显示效果如下:

  • 目标远大
  • 精力集中
  • 坚持到底

  • 目标远大
  • 精力集中
  • 坚持到底

掌握网页代码基本格式,网页设计的代码格式(<6>网页中的三种列表语法和示例)

4、定义列表

定义列表有3种标签:定义列表dl,即definition list;名词dt,即definition term;描述dd,即definition description。

定义列表的语法是:

名词

描述

定义列表的代码和显示效果如下:

李白

唐代诗人,诗仙

杜甫

唐代诗人,诗圣

白居易

也是唐代诗人,诗王、诗魔

掌握网页代码基本格式,网页设计的代码格式(<6>网页中的三种列表语法和示例)

5、代码的逻辑性要求所有列表标签内只能容纳对应的列表项,不能容纳其它元素和文本,虽然有时候也能显示出来。下面就是一个错误的示例,它的文本应该放在定义列表的前面,而不是内部。

掌握网页代码基本格式,网页设计的代码格式(<6>网页中的三种列表语法和示例)

6、代码语义化的要求实现列表效果只能用列表标签,而不能用其它方式实现。语义化是HTML的精髓,良好的语义化代码便于用CSS控制外观,可读性强,易于维护。学习HTML不是光是学习如何实现某种显示效果,更是学习如何合乎逻辑地实现某种显示效果。

本文关键词:网站代码基本格式,掌握网页代码基本格式的软件,掌握网页代码基本格式是什么,掌握网页代码基本格式的方法,web代码格式。这就是关于《掌握网页代码基本格式,网页设计的代码格式(<6>网页中的三种列表语法和示例)》的所有内容,希望对您能有所帮助!

本文链接:https://bk.89qw.com/a-702499/

最近发表
网站分类