当前位置: 首页 > article >正文

前端入门:HTML+CSS

引言:

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

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

网页开发:

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

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

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

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

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

写在head标签下。

正文:

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

用到的标签有 

<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/89780399icon-default.png?t=O83Ahttps://download.csdn.net/download/mingangel/89780399


http://www.kler.cn/a/314475.html

相关文章:

  • 如何用C#和Aspose.PDF实现PDF转Word工具
  • Spark:不能创建Managed表,External表已存在...
  • JSON-RPC-CXX深度解析:C++中的远程调用利器
  • Springboot 日志处理(非常详细)
  • 重构代码之内联临时变量
  • Java设计模式面试题及参考答案
  • NoSQL数据库实战派
  • 为什么要关闭SMB V1
  • C++ 一个基本的 MyString 实现和分析实践
  • idea中.git文件夹存在但是没有git功能列表
  • 数据集的选取、标注
  • POS共识机制简介
  • 从0到1训练私有大模型技能与应用实现 ,企业急迫需求,抢占市场先机
  • LabVIEW提高开发效率技巧----采用并行任务提高性能
  • Qt优秀开源项目之二十三:QSimpleUpdater
  • 地面站通过SSH连接无人机
  • Vue3中监听器watchEffect的使用
  • Vue使用axios二次封装、解决跨域问题
  • 【go/方法记录】cgo静态库编译以及使用dlv定位cgo崩溃问题
  • 《娱乐至死》
  • BERT模型解读与简单任务实现(论文复现)
  • ChatGPT搭上langchain的知识库RAG应用,效果超预期
  • Vue.js 与 Flask/Django 后端的高效配合指南
  • 动态线程池(五)
  • 【ESP32】ESP-IDF开发 | UART通用异步收发传输器+串口收发例程
  • 深度学习-图像处理篇1.3pytorch神经网络例子