制作一个简单的网页（入门篇）

最新推荐文章于 2025-02-21 16:41:18 发布

caiyec

最新推荐文章于 2025-02-21 16:41:18 发布

阅读量3.9w

点赞数 79

分类专栏： web

本文链接：https://blog.csdn.net/weixin_51601437/article/details/117629618

版权

这篇博客介绍了HTML的基本元素，包括标题、段落、列表、超链接和图片等，并详细讲解了如何使用CSS进行样式设置，包括内联样式、内部样式和外部样式的选择器运用，如标签选择器、ID选择器、类选择器和子元素选择器，通过这些技巧制作了一个简单的个人名片。

摘要由CSDN通过智能技术生成

前言

HTML负责描述了网页的整体骨架
CSS负责描述了页面样式
利用其完成一个简单的个人建立网页。

HTML不是一门编程语言，而是用来告知浏览器如组织页面的标记语言，搭建浏览器骨架。

HTML是由元素组成的，元素存在于各种各样的标签中 HTML 注释格式为：

<!--这里是注释 -->

1.标题

<!--<h1>到<h6>-->
<h1>字体大小示例</h1>
<h2>字体大小示例</h2>
<h3>字体大小示例</h3>
<h4>字体大小示例</h4>
<h5>字体大小示例</h5>
<h6>字体大小示例</h6>

代表着不同大小的字体，其中h1最大，h6最小

在这里插入图片描述

但是也能通过CSS修改字体大小，使用font-size+大小来进行修改

<h6 style="font-size:50px">字体大小示例</h6>

在这里插入图片描述
2.段落和列表

段落

<p></p>

每个段落都是独占一行

列表：
无序列表用·表示

<u1></u1>

有序列表标序号

<o1></o1>

无序列表和有序列表中有列表项目

<li></li>

示例无序列表

<h1>今日菜单</h1>
<ul><li>西红柿炒鸡蛋</li>
    <li>辣椒炒肉</li>
    <li>水煮鱼</li>
    <li>鱼香肉丝</li>