zoukankan      html  css  js  c++  java
  • 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代码也学了明天自己也尝试着写一写,有一起学习的可以多交流交流啊!

  • 相关阅读:
    图标字体化浅谈
    HTML5 data-* 自定义属性
    NodeJS初识
    [转]响应式web设计之CSS3 Media Queries
    [转]移动端web页面使用字体的思考
    运用@media实现网页自适应中的几个关键分辨率
    不同内核浏览器的差异以及浏览器渲染简介
    动画库tween.js
    ORACLE查看表空间使用率
    oracle存储过程游标循环
  • 原文地址:https://www.cnblogs.com/zuiranlanyan/p/10632662.html
Copyright © 2011-2022 走看看