百科生活 投稿
关于【掌握网页代码基本格式】,网页设计的代码格式,今天小编给您分享一下,如果对您有所帮助别忘了关注本站哦。
- 内容导航:
- 1、掌握网页代码基本格式
- 2、HTML学习笔记(6)网页中的三种列表语法和示例
1、掌握网页代码基本格式
网页代码有固定的基本格式。下面,我们来看看网页代码基本格式是什么样的吧。
操作方法
基本格式如下
HTML代码
标示符
网页代表是用标示名来表示开始和结束的,比如
表示网页的主体部分
段落
段落
>运行
然后在浏览器中运行,如下图所示:
2、HTML学习笔记(6)网页中的三种列表语法和示例
第五章 列表
1、列表的种类
列表有3种:有序列表、无序列表、定义列表。
2、有序列表
有序列表有两个标签:有序列表ol,即ordered list;列表项li,即list。二者组合使用,不可单独用。
有序列表的语法
- 列表项
- 列表项
- 列表项
...
有序列表的type属性有5个值,分别定义了5种列表项符号:
1 表示列表项符号为阿拉伯数字:1、2、3……(默认值)
a 表示列表项符号为小写字母:a、b、c……
A 表示列表项符号为大写字母:A、B、C……
i 表示列表项符号为小写罗马数字:i、ii、iii……
I 表示列表项符号为大写罗马数字:I、II、III……
有序列表的代码和显示效果如下:
下列哪个地方不是中国的省( )
3、无序列表
无序列表有两个标签:无序列表ul,即unordered list;列表项li,即list。
无序列表的语法与有序列表几乎一样:
- 列表项
- 列表项
- 列表项
...
无序列表的type属性有3个值,分别定义了3种列表项符号:
disc 实心圆(默认值)
circle 空心圆
square 实心正方形
无序列表的代码和显示效果如下:
4、定义列表
定义列表有3种标签:定义列表dl,即definition list;名词dt,即definition term;描述dd,即definition description。
定义列表的语法是:
- 名词
- 描述
…
定义列表的代码和显示效果如下:
- 李白
- 唐代诗人,诗仙
- 杜甫
- 唐代诗人,诗圣
- 白居易
- 也是唐代诗人,诗王、诗魔
5、代码的逻辑性要求所有列表标签内只能容纳对应的列表项,不能容纳其它元素和文本,虽然有时候也能显示出来。下面就是一个错误的示例,它的文本应该放在定义列表的前面,而不是内部。
6、代码语义化的要求实现列表效果只能用列表标签,而不能用其它方式实现。语义化是HTML的精髓,良好的语义化代码便于用CSS控制外观,可读性强,易于维护。学习HTML不是光是学习如何实现某种显示效果,更是学习如何合乎逻辑地实现某种显示效果。
本文关键词:网站代码基本格式,掌握网页代码基本格式的软件,掌握网页代码基本格式是什么,掌握网页代码基本格式的方法,web代码格式。这就是关于《掌握网页代码基本格式,网页设计的代码格式(<6>网页中的三种列表语法和示例)》的所有内容,希望对您能有所帮助!
- 最近发表