关于【掌握网页代码基本格式】，网页设计的代码格式，今天犇犇小编给您分享一下，如果对您有所帮助别忘了关注本站哦。
内容导航：1、掌握网页代码基本格式2、HTML学习笔记（6）网页中的三种列表语法和示例1、掌握网页代码基本格式
网页代码有固定的基本格式。下面，我们来看看网页代码基本格式是什么样的吧。
操作方法
基本格式如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>这里填写标题</title></style></head><body>HTML代码</body></html>
标示符网页代表是用标示名来表示开始和结束的，比如<head></head>表示网页的头部<title></title>表示网页的名称<body></body>表示网页的主体部分
段落<p style="color:blue;font-size:20px;">段落</p>>
运行然后在浏览器中运行，如下图所示：
2、HTML学习笔记（6）网页中的三种列表语法和示例
第五章 列表
1、列表的种类
列表有3种：有序列表、无序列表、定义列表。
2、有序列表
有序列表有两个标签：有序列表ol，即ordered list；列表项li，即list。二者组合使用，不可单独用。
有序列表的语法
<ol type=”属性值”>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
...
</ol>
有序列表的type属性有5个值，分别定义了5种列表项符号：
1 表示列表项符号为阿拉伯数字：1、2、3……（默认值）
a 表示列表项符号为小写字母：a、b、c……
A 表示列表项符号为大写字母：A、B、C……
i 表示列表项符号为小写罗马数字：i、ii、iii……
I 表示列表项符号为大写罗马数字：I、II、III……
有序列表的代码和显示效果如下：
下列哪个地方不是中国的省（ ）
<ol type="A">
<li>浙江</li>
<li>贵州</li>
<li>福建</li>
<li>贵阳</li>
</ol>
3、无序列表
无序列表有两个标签：无序列表ul，即unordered list；列表项li，即list。
无序列表的语法与有序列表几乎一样：
<ul type=”属性值”>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
...
</ul>
无序列表的type属性有3个值，分别定义了3种列表项符号：
disc 实心圆（默认值）
circle 空心圆
square 实心正方形
无序列表的代码和显示效果如下：
<body>
<ul type="disc">
<li>目标远大</li>
<li>精力集中</li>
<li>坚持到底</li>
</ul>
<ul type="circle">
<li>目标远大</li>
<li>精力集中</li>
<li>坚持到底</li>
</ul>
</body>
4、定义列表
定义列表有3种标签：定义列表dl，即definition list；名词dt，即definition term；描述dd，即definition description。
定义列表的语法是：
<dl>
<dt>名词</dt>
<dd>描述</dd>
…
</dl>
定义列表的代码和显示效果如下：
<body>
<dl>
<dt>李白</dt>
<dd>唐代诗人，诗仙</dd>
<dt>杜甫</dt>
<dd>唐代诗人，诗圣</dd>
<dt>白居易</dt>
<dd>也是唐代诗人，诗王、诗魔</dd>
</dl>
</body>
5、代码的逻辑性要求所有列表标签内只能容纳对应的列表项，不能容纳其它元素和文本，虽然有时候也能显示出来。下面就是一个错误的示例，它的文本应该放在定义列表的前面，而不是内部。
6、代码语义化的要求实现列表效果只能用列表标签，而不能用其它方式实现。语义化是HTML的精髓，良好的语义化代码便于用CSS控制外观，可读性强，易于维护。学习HTML不是光是学习如何实现某种显示效果，更是学习如何合乎逻辑地实现某种显示效果。
本文关键词：网站代码基本格式，掌握网页代码基本格式的软件，掌握网页代码基本格式是什么，掌握网页代码基本格式的方法，web代码格式。这就是关于《掌握网页代码基本格式，网页设计的代码格式（网页中的三种列表语法和示例）》的所有内容，希望对您能有所帮助！