HTML + CSS学习 chapter1

Fxrain

已于 2024-04-29 13:00:38 修改

阅读量428

点赞数 3

文章标签：学习 html css

于 2024-04-05 00:57:43 首次发布

本文链接：https://blog.csdn.net/weixin_73049545/article/details/137385849

版权

一、背景知识

服务器：中转站，保存信息、传达信息

应用软件分为：

（1）C/S架构（Client Server 客户端服务器）

缺点：需要安装、偶尔需要更新、不跨平台（不同平台不同安装包）

优点：大型专业应用、安全性要求较高的应用适合

（2）B/S架构（Browser Server网页端服务器）

优点：不需安装、不需更新、可跨平台

网页相关概念：

一个或多个网页构成网站

一个网页需要具备：结构（HTML）+表现（CSS）+行为（JavaScript）三大要素

二、HTML简介

HTML（全称HyperText Markup Language ）译为：超文本标记语言

三、HTML初体验

<marquee>2024年4月5日 新学习</marquee>

源代码需要交给浏览器进行渲染

四、HTML标签

标签又称元素，是HTML的基本组成单位

4.1双标签

4.2单标签

例如：

<input/>

4.3标签可嵌套（代码中可通过换行缩进体现）

4.4标签属性

标签属性用于给标签提供附加信息，例如：

<marquee loop="1" bgcolor="red" id="asdas">
	2024年4月5日 新学习
	<input type="password">
</marquee>

例如：

<input type="password">

有些特殊的属性，没有属性名，只有属性值，例如：

<input disabled>

不同标签有不同的属性，也有一些通用属性

标签中不能出现同名属性，否则后面写的属性会失效，例如

<input type="text" type="password">

五、HTML基本结构

【查看网页源代码】看到的是：程序员编写的源代码

【检查】看到的是：经过浏览器“处理”后的源代码

想要呈现在网页中的内容写在body标签中，而head标签中的内容不会出现在网页中

head标签中的title标签可以指定网页的标题

<html>
    <head>
        <title>我的网页</title>
    </head>
    <body>
        ...
    </body>
</html>

六、HTML注释

通过注释对代码进行解释和说明，在源代码中可见，但是不会出现在页面上

HTML注释可以换行，注释不可以嵌套

<!--注释-->

关注