2022-07-09 第四小组孙翰章 HTML学习笔记

LionelSunhz

已于 2022-07-13 21:29:27 修改

阅读量55

点赞数

分类专栏：前端文章标签： html5

于 2022-07-12 22:48:18 首次发布

本文链接：https://blog.csdn.net/LionelSunhz/article/details/125753246

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.学习重点：

1、超级链接

2、表格

3、表单

4、浏览器开发工具

2.软件架构：

B/S：Brower浏览器 Server
C/S：使用之前需要安装。Client Server

3.前后端分离：

前端：能看见的
后端：数据接口，后台url地址，http请求访问url接口，实现数据交互。

4.HTML概述：

HTML：HTML是用来描述网页的一种语言

html	文档的根标签
head	头标签处
	title	适配搜索引擎 meta charset=utf-8
	link	链接css的，引入css样式
	style	定义css样式
	script	定义js，也可以引入js
body	身体，目前来说在网页上看见的所有的东西都是body里的

（1）基本标签：

h1~h6：标题标签，字体变大，变粗，变黑，上下空一行
p：段落，上下空一行
br：换行，一个br就是一个回车。

（2）文本格式化标签：

a:超级链接：a（重要）
href：要去的地方
       http地址（完整域名）:带有http或https的完整网址
       默认的方式去到当前项目下某一个页面（地址）
       ../：返回上一级目录
      ./：当前目录（不需要写）

b:target：目标。怎么打开目标地址
_blank：在新窗口打开
_self：在当前窗口打开（默认）
_parent、_top：在父容器（顶级父容器）打开
c:title：标题，当鼠标悬停在标签上出现的提示文字
d:图片：img
src：图片的路径
height、width：宽和高（尽量指定一个属性，等比例缩放）
title：
alt：图片无法正常加载的提示文字
align：对齐方式

e:区块/空白：
div：块。立方体，可以有宽高
span：行。没有宽和高。尺寸是根据内容确定
f:无序列表：
<ul>
<li></li>
</ul>
g:有序列表：
<ol>
<li></li>
</ol>

h:自定义列表：
<dl>
<dt></dt>
<dd><dd>
</dl>

i:框架：ifream
src：目标页面的路径

###注释：

提交和重置按钮，只能控制和他们在同一个form标签内的元素；

所有的文本框的内容都是它的value属性；

前后端交互的事情，浏览器开发者工具的使用；

id：每个HTML元素的唯一（不能重复）标识。