HTML基础学习1
一、web的架构组成
1、客户端
①PC端:指桌面电脑
②移动端:手机、平板电脑设备
③原生应用
④其他:自动换票机、智能电视机等设备
2、服务器
①javaEE
②PHP
③note.js
④python
目前比较常用的是note.js和python
3、数据库
①关系型数据库
②非关系型数据库
二、html的属性、注释及基本结构
1、html属性
①标准属性: id、name、style 和 class 属性
②私有属性:元素自己独有的属性,其他元素不具备的
③事件属性: HTML 元素注册事件的⼀种实现⽅式
2、<!– –>这是一个注释标签,不会被浏览器解析,也不会显示他们,主要用来对一段代码的解释,对我们以后的维护提供帮助
注意!注释标签不可以嵌套!
<!doctype html>这是一个HTML版本声明,用来告诉浏览器HTML版本
<html>这是一个根标签,一个页面有且只能有一个html标签
<head>这是一个网页的头部,用来定义网页的信息
<mate charset=“utf-8” >这是一个元元素,在这里用来告诉浏览器html的文字编码信息
<title></title>用来显示网页页签顶部的标题
</head>
<body></body>网页的主要内容区
</html>
三、标签的分类
1、闭合标签:一般都是成对出现的,有开始标签和结束标签,结束标签一般由/进行结束例如:<body></body>就是一个闭合标签
2、空标签:一般都是以个体出现,没有结束标签存在的标签,例如<br><hr>等标签
四、基本元素
1、标题元素
标题元素一共存在<H1>至<H6>6个标题,且<H1>是最大的标题<H6>是最小的标题,一般一个页面中只存在三个标题元素,为<h1>至<h3>,<h1>标题最为重要
2、段落元素
<p>标签用来更改一段文字的段落
3、换行元素
<br>标签可以用来进行文字换行处理,且不会产生新的段落
4、水平线元素
<hr>标签用来给页面添加一个水平线
五、列表元素
1、有序列表<ol>表示一个有序列表的开始,此项目可以用1 A a I i来排序<li>是指该列表的项目名称2、无序列表<ul>表示一个无序列表的开始,此项目可以用实心圆点 空心圆点和实心方点进行标记
<ol>和<ul>是可以互相嵌套来使用的,没有先后顺序,建议不要超过三层嵌套
六、定义列表
<dl>表示一个定义列表的开始
<dt>表示一个定义列表的项目或名称
<dd>可以对一个列表项目或名称进行描述
七、链接元素
<a>标签用来指定一个超链接
<href>用来规定目标链接地址
<target>用来规定页面打开放式
_blank属性值,指在新的页签打开网页
八、地址或路径
1、绝对路径:一旦确认不会改变
①本地访问:从本地磁盘进行查找
②网络访问:从网络协议开始查找
2、相对路径:根据当前文件的位置的变化而变化