13、前端学习笔记

静态网页三剑客：
HTML：用于搭建基础网页，展示页面的内容
CSS：用于美化页面，布局页面
JavaScript：控制页面的元素，让页面有一些动态的效果（并不是动态资源）










HTML：Hyper Text Markup Language(超文本标记语言)
超文本：用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
标记语言：由标签构成的语言，标记语言不是编程语言，没有逻辑性。

在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来。
html的标签不区分大小写，但是建议使用小写。

文本标签：（<br>、<hr>是自闭合标签，可写成<br>也可写成<br/>）

<img src ="./image/jiangwai_1.jpg" align="right" alt="图片找不到时的替代文字" width="500" height="500"/>

以上标签可以显示图片，alt属性表示图片找不到时候显示的替代文字

列表标签
1、有序列表（type：a表示小写英文字母编号、A 表示大写英文字母编号、i 表示小写罗马数字编号、I 表示大写罗马数字编号、1 表示数字编号(默认)）

<ol type="列表序号样式" start="序号起始位置">
        <li>列表内容1</li>
        <li>列表内容2</li>
    </ol>
    如：
        早上起床干的事情
        <ol type="A" start="5">
            <li>睁眼</li>
            <li> 看手机</li>
            <li> 穿衣服</li>
            <li> 洗漱</li>
        </ol>

效果如下图

2、无序列表（disc表示小黑点、square表示小黑方块、circle表示小白点）

<ul type="列表序号样式">
        <li>列表内容1</li>
        <li>列表内容2</li>
    </ul>
    如：
        早上起床干的事情     
        <ul type="disc">
            <li>睁眼</li>
            <li> 看手机</li>
            <li> 穿衣服</li>
        <li> 洗漱</li>
    </ul>

效果如下图