Web学习的第四天

zuiranlanyan 2019-03-31 原文

Web学习的第四天

今天通过前面的学习,自己写了段代码。

今天还学习了列表,列表的分类有:无序列表、菜单列表、目录列表、有序列表、定义列表。

列表类型                     标记符号                                 备   注

无序列表                     <ul>…</ul>                              常用

菜单列表                     <menu>…</menu>                 不常用

目录列表                     <dir>…</dir>                           不常用

有序列表                     <ol>…</ol>                              常用     

定义列表                     <dl>…</dl>                              常用

一、无序列表 ul 标记是成对标记,<ul>是开始标记,</ul>是结束标记,两者之间插入若干个列表项 li 标记,完成无序列表的插入。基本语法:

<ul type=” “>

<li type=” “>项目名称</li>

<li type=” “>项目名称</li>

……

</ul>  ul标记的type属性有三个值 1、 disc   实心圆形     2、circle     空心圆形      3、square      实心正方形   

 二、有序列表 ol 标记是成对标记,<ol>是开始标记,</ol>是结束标记,两者之间插入若干个列表项 li 标记,完成无序列表的插入。基本语法:

<ol>

  <li>…</li>

  <li>…</li>

         ……

</ol>      属性 1、type:列表项前面的编号,编号是有序的,有五种不同类型。2、<ol type=” “> 属性默认是数字、=‘a’是小写、=’A’是大写A</ol>

 

<!DOCTYPE html>
<html>
    <head>
        <title>简单网页制作</title>
    </head>
    <body>
        <h1>Web前段开发技术课程简介</h1>
        <hr />
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《Web前端开发技术》课程是计算机科学与技术、信息管理与信息系统、软件工程等专业的一门基础课程,也是其他计算机相关专业的公共基础课程,通过对Web前端开发三大主流技术学习和研究,让学生理解和掌握HTML、JavaScript、CSS等相关知识,通过实验培养学生设计与开发Web站点的基本操作技能。</p>
    </body>
</html>

自己独立写出来是真的开心,也更加的感兴趣。css代码也学了明天自己也尝试着写一写,有一起学习的可以多交流交流啊!

发表于 2019-03-31 19:19 醉染蓝颜 阅读() 评论() 编辑 收藏

 

版权声明:本文为zuiranlanyan原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/zuiranlanyan/p/10632662.html

Web学习的第四天的更多相关文章

  1. java web:在eclipse中如何创建java web 项目 – 云潇洒

    java web:在eclipse中如何创建java web 项目 Eclipse创建java web工程 e […]...

  2. 一步一步理解 python web 框架,才不会从入门到放弃 — 简单登录页面

    上一节,我们基本了解了 Django 的一些配置,这一节,我们将通过一个简单的登录页面,进一步学习 Djang […]...

  3. css渲染(二) 文本

    一、文本样式  首行缩进  text-indent   首行缩进是将段落的第一行缩进,这是常用的文本格式化效果 […]...

  4. HTML 获取屏幕、浏览器、页面的高度宽度

      本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。 目录 1. 介绍:介绍页面的容器(屏幕、浏览 […]...

  5. 音视频混流

    音视频混流 之前讲过一篇如何通过摄像头获取音视频流并导出的文章。这次要讲的是如何将多个音视频流混合后导出。 主 […]...

  6. CSS3 animation 练习

    css3 的动画让 html 页面变得生机勃勃,但是如何用好动画是一门艺术,接下来我来以一个demo为例,来练 […]...

  7. 一个简单的java web 项目

    本文实现一个简单的 java web 项目,包括以下5个功能: 1. 登录     用户默认主页index.j […]...

  8. 前端读者 | Web App开发入门

    本文来自互联网 自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名 […]...

随机推荐

  1. 鸟哥的linux私房菜 基础学习篇 (第四版).pdf

    关注微信公众号【随缘学习吧】并回复“10”,可免费获取. 鸟哥的linux私房菜:基础学习篇 (第四版)是最具 […]...

  2. templatedcodegenerator 简单模板化代码生成器

    自动化代码生成器 传送门:https://github.com/uniqss/templatedcodegen […]...

  3. [原创]java操作word生成水印

    应用场景          为了保护版权或辨别文件的真伪,有时需要在生成的Word文件中动态添加水印,Page […]...

  4. U盘、移动硬盘等弹出 “文件或目录损坏且无法读取” 实测解决办法

    U盘跟其他的机器一样,使用久了难免会出故障,比如常见的弹出一个文件或目录损坏且无法读取的对话框,吓你一跳,整个 […]...

  5. 自动化运维之系统安装篇

    一、anaconda anaconda负责安装系统向导,默认为GUI界面,如果我们使用ks自动应答安装的话建议 […]...

  6. 如何解决:登录桌面时自动运行的EXE提示“该程序没有与之关联来执行操作”,之后出现蓝屏代码0xc000021a – 峋山隐修会

    如何解决:登录桌面时自动运行的EXE提示“该程序没有与之关联来执行操作”,之后出现蓝屏代码0xc000021a […]...

  7. [源码和文档分享]基于汇编语言实现打字练习软件

    一 需求分析 根据以下几部分来实现打字练习: 随机显示字母,字母出现的位置随机 字母自动落下 从键盘输入的字母 […]...

  8. 学会这4个Excel实用技巧,数据分析立马高人一等

    对于刚进入数据分析行业新手来说,EXCEL可以被当做一款入门的软件。在学习R或Python前,事先掌握一定的E […]...

展开目录

目录导航