HTML的基本知识(五)——无序列表、有序列表、自定义列表

简介: HTML的基本知识(五)——无序列表、有序列表、自定义列表

HTML的基本知识(五)——无序列表、有序列表、自定义列表

茫茫人海,有多少擦肩而过?漫漫一生,有多少真诚守候? 很开心能在CSDN与你相遇、相知、相惜、相守。一个人只有不断地写作,才能才不被人海湮没。 但不论如何,我与你同在。一往情深,一心相伴。

一、文档

doctype  文档类型声明,告诉浏览器按当前标准解析代码

二、图片

<img src="路径" alt="图片不显示时给予提示" title="鼠标悬停时给予提示"   width="宽度" height="高度">

三、超链接

<a href="路径" target="设置打开的窗口_self|_blank"></a>
   <a href="#"> 空链接,返回页面顶部

四、锚点:

(1) 点击a跳转到a
    <a href="#mingzi"点击></a>
    <a href="" name="mingzi">跳转到</a>
  (2) 点击a跳转到块级元素
    <a href="#mingzi">点击</a>
    <p id="mingzi">跳转到</p>

五、块级元素和行内元素的区别

1、块级元素独占一行,行内元素在同一行显示块级元素默认宽度为100%
2、行内元素宽度由内容撑开
3、块级元素主要有:p h1-h6,ul li ol dd dl dt table tr td hr 
4、行内元素:img a em strong b i del big small

六、列表

(1)无序列表

type:设置项目符号的类型  dis circle square none
<ul>
         <li>...</li>
         <li>...</li>
         <li>...</li>
     </ul>
<ul>
         <li><a href="#">...</a></li>
         <li><a href="#">...</a></li>
         <li><a href="#">...</a></li>
         <li><a href="#">...</a></li>
         <li><a href="#">...</a></li>
     </ul>

(2)有序列表

type:设置项目符号类型  1 A a i I
start:从第几个开始,取值为数字
reversed:倒序
<ol>
         <li>...</li>
         <li>...</li>
         <li>...</li>
         <li>...</li>
         <li>...</li>
     </ol>

(3)自定义列表

<dl>
        <dt>主题 </dt>
        <dd>描述</dd>
        <dt>主题 </dt>
        <dd>描述</dd> 
        <dt>主题 </dt>
        <dd>描述</dd>
     </dl>


相关文章
|
1月前
|
JavaScript
自定义全能搜索HTML源码
自定义全能搜索HTML源码
25 1
自定义全能搜索HTML源码
|
1月前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
11 0
|
1月前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
26 0
|
1月前
编程笔记 html5&css&js 015 HTML列表
编程笔记 html5&css&js 015 HTML列表
|
3月前
|
JSON 定位技术 API
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
33 0
|
3月前
|
移动开发 JavaScript 前端开发
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
43 0
|
3月前
|
JSON 定位技术 数据格式
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)
32 0
|
3月前
|
JavaScript 前端开发 定位技术
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)
34 0
|
3月前
|
存储 移动开发 前端开发
HTML5列表标签、多媒体和语义化标签
列表标签、多媒体和语义化标签
45 0
|
4月前
|
前端开发
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
47 0