HTML5+CSS3学习笔记1

最新推荐文章于 2024-09-16 23:39:36 发布

珍惜1125

最新推荐文章于 2024-09-16 23:39:36 发布

阅读量193

点赞数

分类专栏： html+css 文章标签： html css html5

本文链接：https://blog.csdn.net/qq_39259083/article/details/106172049

版权

html+css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML5+CSS3学习笔记1

软件分类
客户端与服务器
网站历史
HTML

软件分类

系统软件
Windows,Linux,macOS
应用软件
office、qq
游戏软件
绝地求生、王者

客户端与服务器

客户端：用户通过客户端来使用软件
服务器：负责在远程处理业务逻辑
服务器开发语言：Java、PHP、C#、Python、 Node.js
客户端的形式：

文字客户端

古老的方式，通过命令行来使用软件
图形化界面（C/S：客户机/服务器）

通过点击拖动来使用软件
网页（B/S架构:浏览器/服务器模式）

通过访问网页来使用软件,所有网站都属于这个范畴

网页的特点：
  	相对于传统的图形化界面，网页具有如下优点：
        			-不需要安装
        			-不需要更新
        			-跨平台
  	网页中使用的语言：
           HTML,CSS,JS(JavaScript)

网站历史

发明人：蒂姆·伯纳斯·李

1991年8月6日，世界上第一个服务器和第一个网站在欧洲核子研究中心上线
1994年，伯纳斯李建立万维网联盟（W3C），为了制定网页开发的标准，以使同一个网页在不同的浏览器中有相同的效果 `

根据W3C标准，一个网页主要有结构（HTML：页面的结构）、表现（CSS：控制页面中的元素的样式）、行为（JS用于响应用户的操作）构成。

HTML

HTML(Hypertext Markup Lanugage):超文本标记语言（文本里不能存放视频和图片，只能写字）
它负责网页的三个要素中的结构
写代码的时候使用小娜搜索notepad（记事本），不要右击新建，后缀改为.html
网页构成：
<标签名>标签内容</标签名>
<标签名>（自结束标签）
< ! - - 注释 - - >（注释要求简单明了）
一个网页有且只有一个根标签
html 是根标签，head body 是子标签，直接写在body里的都是直接显示的

     <html>
 	     <head>
 	            <title>网页标题</title>
 	     </head>
         <body>
                <!--网页主体-->
                <h1>一级标题</h1>
                <p>段落</p>
        </body> 
    </html>

标签的属性
1、在标签中（开始标签或自结束标签）还可以设置属性，属性是一个名值对（x=y）。
2、标签名和属性中间要空一格。
3、属性用来设置标签中的内容如何显示。
4、属性不能瞎写，应该根据文档中的规定来编写，有些属性有属性值，有些没有。如果有属性值，属性值应该用引号引起来(可以是单引号或者双引号，但必须为英文字符）
例：