开心实习之day6-优快云博客

今天我学习了有序标记“ol”，和有序列表的属性start和type。还有无序列表“ul”，重中之重是超链接的使用，表格标记和图片标记，表单标记。主要任务有以下九个，“表单标记、表格标记的使用、常用的实体符号、超链接标记的使用、建立列表、图片标记、文字的修饰标记、dive和span标记、html的基本标记”我主要以其中三个为例。

1、表单标记

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML文本格式化示例</title>
</head>
<body>
    <!--粗体标记:<b>...</b> <strong>...</strong>-->
    <b>文字加粗</b><br/>
    <strong>文字加粗</strong><br/>
    
    <!--斜体标记:<i>...</i> <em>...</em> <cite>...</cite>-->
    <i>文字倾斜</i><br/>
    <em>文字倾斜</em><br/>
    <cite>文字倾斜</cite><br/>
    
    <hr>
    
    <!--上标标记<sup>...</sup>-->
    X<sup>2</sup><br/>
    
    <!--下标标记<sub>...</sub>-->
    H<sub>2</sub>O<br/>
    
    <!--下划线标记<u>...</u>-->
    <u>文字加下划线</u><br/>
    
    <!--删除线标记:<s>...</s> <del>...</del>-->
    <s>文字加删除线</s><br/>
    <del>文字加删除线</del><br/>
    
    <hr>
    
    <!--字体标记<font></font>
        属性:
        face 设置字体
        size 设置字号1-7号 从小到大
        color 设置字体颜色
    -->
    <font size="1" color="blue">字体标记font</font><br/>
    <font face="楷体" size="7" color="#aaffaa">字体标记font</font><br/>
</body>
</html>

2、建立列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--有序列表:<ol><li></li>....</ol>-->
    <h3>有序列表</h3>
    <ol type="1" start="10">
        <li>香蕉</li>
        <li>苹果</li>
        <li>橘子</li>
    </ol>
    
    <!--无序列表-->
    <h3>无序列表</h3>
    <ul type="square">
        <li>香蕉</li>
        <li>苹果</li>
        <li>橘子</li>
    </ul>
    
    <hr>
</body>
</html>

3、文字的修饰标记

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML文本格式化示例</title>
</head>
<body>
    <!--粗体标记:<b>...</b> <strong>...</strong>-->
    <b>文字加粗</b><br/>
    <strong>文字加粗</strong><br/>
    
    <!--斜体标记:<i>...</i> <em>...</em> <cite>...</cite>-->
    <i>文字倾斜</i><br/>
    <em>文字倾斜</em><br/>
    <cite>文字倾斜</cite><br/>
    
    <hr>
    
    <!--上标标记<sup>...</sup>-->
    X<sup>2</sup><br/>
    
    <!--下标标记<sub>...</sub>-->
    H<sub>2</sub>O<br/>
    
    <!--下划线标记<u>...</u>-->
    <u>文字加下划线</u><br/>
    
    <!--删除线标记:<s>...</s> <del>...</del>-->
    <s>文字加删除线</s><br/>
    <del>文字加删除线</del><br/>
    
    <hr>
    
    <!--字体标记<font></font>
        属性:
        face 设置字体
        size 设置字号1-7号 从小到大
        color 设置字体颜色
    -->
    <font size="1" color="blue">字体标记font</font><br/>
    <font face="楷体" size="7" color="#aaffaa">字体标记font</font><br/>
</body>
</html>

第二个学习内容是CSS基础语法，首先CSS：层叠样式表 (Cascading Style Sheets)，是一种改变html元素的默认显示方式的脚本语言。使用CSS定义如何显示 HTML 元素，例如设定元素的位置、颜色、大小等。还有主要用途是美化html元素的外观，对网页元素进行布局，可以对html元素进行响应式布局，实现动画效果以及2d、3d转换。CSS可以选引入式也可以选择内联式。