您好,欢迎访问代理记账网站
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

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>

效果如下图
在这里插入图片描述


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进