admin管理员组

文章数量:1530842

使用HTML和CSS来制作一个简单的网页

  • 前言
  • 一、HTML
    • 1.1常见元素介绍
    • 1.2借助工具，浏览器开发者工具
  • 二、实现个人名片
    • 1.基本框架
    • 2.使用CSS美化
    • 1.CSS书写位置
      • 1、以元素的style 属性来指定 （内联样式）
      • 2、以style 标签包裹 （内部样式）
      • 3、以外部文件的方式 （外部样式）
    • 2.CSS中的选择器
      • 1.标签选择器
      • 2.id选择器
      • 3.类选择器
      • 4.子元素选择器

前言

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

一、HTML

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

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

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

1.1常见元素介绍

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>

本文标签： 简单网页入门篇

版权声明：本文标题：制作一个简单的网页（入门篇） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726186129a1059538.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。