前端入门:HTML+CSS

news/2024/9/23 8:01:21/
htmledit_views">

引言:

html" title=前端>前端三大件:HTML、CSS、JS,每一个部分都很重要,我听过比较形象的比喻就是HTML(HYPER TEXT MARKUP LANGUAGE)相当于骨架,而CSS就是装饰渲染,JS则是动作功能实现。

之前的文章我已经讲过HTML,这篇文章我将讲解HTML和CSS的案例。

网页开发:

我开发出来的网页如图所示:比较简单。

很显然,很像一个读小说的网站。当然如果有好的审美,可以自己添加代码,进行修饰。

开发之前啊,我选用的软件是:Visual Studio CODE,这个软件在html" title=前端>前端开发中十分常用,且提供了很大的便利。

当然也可以用记事本开发,记得把后缀名改成.html

还有我的CSS使用的是内部样式表

写在head标签下。

正文:

开发这个网页,主要是因为近期看了明史,也就是明朝那些事儿,我觉得很有意思,加上正好要写htmlcss的综合案例,就在本篇写了一下。

用到的标签有 

<h1></h1>

   <img src="lyf.jpg" class="god">

    <p>    </p>

就是这三个标签,构成了HTML的主体架构。

而CSS则是设置了以下形式。

font-size: 16px;

            line-height: 32px;

            font-family: "Microsoft Yahei";

            text-align: left;

            text-indent:2em;

         text-decoration: none;

            color: #888888

        width:66px

具体代码见:https://download.csdn.net/download/mingangel/89780399html/release2.3.7/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=O83A" alt="icon-default.png?t=O83A" />https://download.csdn.net/download/mingangel/89780399


http://www.ppmy.cn/news/1529220.html

相关文章

实验报告1--Spring Boot自定义异常处理

实验报告1-Spring Boot自定义异常处理&#xff08;1&#xff09; 实验报告1-Spring Boot自定义异常处理&#xff08;2&#xff09; 资源下载 一、实现思路 实现根据员工id删除员工对象的功能。 要求&#xff1a;1、处理Exception异常。 2、处理自定义的MyException异常。 …

常见项目场景题1(数据量很大时如何去重,实现超时处理)

数据很多&#xff0c;限制内存&#xff0c;如何去重 对于大数据量去重的场景&#xff0c;我们可以考虑使用位图(Bitmap) Bitmap 是使用二进制来表示某个元素是否存在的数组。用0和1来表示存在与不存在 使用Bitmap的话&#xff0c;一个数字占用1bit&#xff0c;大大减少内存消耗…

Python | Leetcode Python题解之第429题N叉树的层序遍历

题目&#xff1a; 题解&#xff1a; class Solution:def levelOrder(self, root: Node) -> List[List[int]]:if not root:return []ans list()q deque([root])while q:cnt len(q)level list()for _ in range(cnt):cur q.popleft()level.append(cur.val)for child in c…

医院信息化运维监控:确保医疗系统的稳定与安全

在当今数字化时代&#xff0c;医院的信息化水平直接关系到医疗服务的效率和质量。随着医疗信息化的不断推进&#xff0c;医院对信息化运维监控的需求也日益增强。特别是IT软硬件资源监控和机房动环监控&#xff0c;它们在保障医院信息系统稳定运行中发挥着至关重要的作用。 首先…

大话Python|基础语法(上)

一、单行注释 以下代码输出一个Hello World&#xff01;字符串 在Python代码中&#xff0c;注释会自动被Python解析器忽略 print(Hello World) 二、多行注释 在Python代码中&#xff0c;注释一共有两种形式&#xff1b; 1、单行注释&#xff1a;注释的内容只有一行 2、多行…

使用思科搭建企业网规划训练,让网络全部互通,使用规则提高工作效率。

1. 企业背景&#xff1a; 某企业分为销售部、行政部、人力资源部、财务部、业务部、接待中心等主要六个部门&#xff1b;配置网管中心&#xff0c;允许网络管理员登录企业交换机和路由器对企业网络进行管理&#xff1b;配置服务器集群&#xff0c;设置FTP、DNS、WEB服务器&am…

DPDK 简易应用开发之路 2:UDP数据包发送及实现

本机环境为 Ubuntu20.04 &#xff0c;dpdk-stable-20.11.10 发送数据包的通用步骤 初始化DPDK环境&#xff1a; 调用 rte_eal_init() 来初始化DPDK的EAL&#xff08;环境抽象层&#xff09;&#xff0c;这是所有DPDK应用程序的第一步&#xff0c;用于初始化硬件、内存和逻辑核…

Cocos Creator3.x设置动态加载背景图并且循环移动

效果图 项目结构 项目层级结构&#xff1a; 预制&#xff1a; 代码 import { _decorator, CCFloat, Component, Node, Sprite, instantiate, Prefab, assert, UITransform } from cc; const { ccclass, property } _decorator;/*** 背景脚本*/ ccclass(Background) expor…