html笔记含http协议图解资源-CSDN下载

共10个文件

txt：9个

png：1个

html

网络协议

HTTP

需积分: 7 3 浏览量 2023-04-11 09:06:41 上传评论收藏 90KB ZIP 举报

HTML是HyperText Markup Language的缩写，是一种用于创建网页的标准标记语言。在“HTML笔记含http协议图解”中，我们可以深入学习HTML的基础知识以及与网络传输相关的HTTP协议。以下是对这些主题的详细阐述： 1- 基础标签：HTML文档由一系列的标签构成，这些标签定义了网页的结构和内容。例如`<html>`是文档的根元素，`<head>`包含元数据，`<body>`包含了网页的主要内容。常用的基础标签还有`<p>`（段落）、`<h1>`到`<h6>`（标题）、`<a>`（超链接）等。 2- 表单元素：HTML表单允许用户向服务器发送数据。常用的表单元素有`<form>`、`<input>`（输入框）、`<textarea>`（多行文本输入）、`<select>`（下拉列表）、`<button>`（按钮）等。通过`action`属性指定提交的URL，`method`属性指定提交方式，如GET或POST。 3- CSS引入：Cascading Style Sheets（CSS）用于控制网页的样式和布局。有三种引入CSS的方式：行内样式（使用`style`属性），内部样式表（`<style>`标签在`<head>`中），外部样式表（`<link>`标签引用.css文件）。CSS有助于实现内容与样式的分离，提高网页的可维护性。 4- 类选择器：类选择器是CSS中的一个重要概念，使用`.`前缀，如`.myClass`，可以为具有特定类名的元素设置样式。这样可以更灵活地对多个元素应用相同样式，或者为特定元素提供特殊样式。 5- 文本样式：CSS提供了多种文本样式属性，包括`color`（颜色）、`font-size`（字体大小）、`font-family`（字体类型）、`text-align`（文本对齐）、`line-height`（行高）等，用于调整文本的外观。 6- 盒子种类：在CSS中，每个元素都被视为一个“盒子”，包括内容区域、内边距、边框和外边距。理解盒模型是进行精确布局的关键，可以通过`box-sizing`属性来改变元素的盒模型计算方式。 7- 定位：CSS定位包括静态定位、相对定位、绝对定位和固定定位。`position`属性控制元素的位置，如`relative`（相对于其正常位置）、`absolute`（相对于最近的非static祖先元素）和`fixed`（相对于浏览器窗口）。 8- 伸缩盒（Flexbox）：这是一种现代的布局模式，适用于一维布局，如行或列。使用`display: flex`开启弹性布局，通过`flex-direction`、`justify-content`、`align-items`等属性调整子元素的排列和对齐方式，适应不同屏幕尺寸。 HTTP协议，全称HyperText Transfer Protocol，是互联网上应用最广泛的一种网络协议。它定义了客户端（浏览器）和服务器之间如何交换数据。HTTP请求由方法（GET、POST等）、URL、协议版本、头部和实体主体组成。响应则包括状态码、头部和响应体。常见的状态码如200表示成功，404表示未找到资源，500表示服务器错误。这个压缩包“html-notes-master”可能包含详细讲解这些概念的HTML教程和HTTP协议的图解，对于初学者和进阶者都是很好的学习资源。通过学习，你可以创建功能丰富、布局美观的网页，并理解网页是如何通过HTTP协议在互联网上传输的。

资源推荐

资源详情

资源评论

收起资源包目录

html-notes-master.zip （10个子文件）

html-notes-master

1-基础标签.txt 4KB

http协议图解.png 94KB

2-表单元素.txt 3KB

6-盒子种类.txt 2KB

git使用.txt 1KB

7-定位.txt 2KB

8-伸缩盒.txt 2KB

3-css引入.txt 2KB

5-文本样式.txt 1KB

4-类选择器.txt 2KB

html 基础标签语法特性: 简易性可扩展性平台无关性通用性核心属性：绝大多数标签都具有的属性。title、id、class、style。语法: 1.空白语法 2.字符实体   ><...... 3.属性 id title style class 4.注释  基础标签块级元素(div、h1-h6、p、html、body、ul->li、ol->li、h5新增标签：dl->dd/dt、 header、footer、nav、article、section、aside、address) 特性:1.独占一行 2.宽度默认100% 3.css设置宽高 4.高度由子元素撑起行内元素（span、a、img、em、i、b、sub、sup、br）特性: 1.与其他元素共享一行 2.无法设置宽高 3.宽高由自身决定 4.不建议嵌套块级元素单标签 img br hr meta 自结束标签 img 属性:width height alt src 1.alt:可以用来设置在图片不能显示的时，对图片的描述 2.img标签的其他属性 3.width:设置图片的宽度 4.height:设置图片的高度 5.src:设置一个图片的路径（绝对路径和相对路径，最好使用相对路径） 6.title：用于告诉浏览器，鼠标悬停的时候，需要弹出的描述框中显示什么内容。示例： <img src="图片的url或本地路径地址" alt="" width="100px" height="100px" title=""> px 单位名称为像素，相对长度单位，像素px是相对于显示器屏幕分辨率而言的。像素的使用性特别广。 a标签: 用于控制页面与页面之间跳转的 1.锚点跳到顶部 href='#'; 2.锚点跳转到任意地方 href='#id'; 3.锚点连接到其他页面 href='其他页面路径#id' 示例： <a href="https://www.baidu.com" target="_blank" title="百度">百度一下</a> target：专门用于控制如何跳转 1. self:用于当前的选项卡中进行跳转，也就是不新建页面跳转，默认就是_self 2._blank:用于在新的选项卡中进行跳转，也就是新建页面跳转 3.a标签也有一个title属性，效果和img标签的title类似 base标签：专门用来统一指定当前页面中所有的a标签需要如何打开注意点： 1.base标签必须要写在head标签之间 2.如果既在base中指定了target又在a标签中指定了target，那么浏览器会按照a标签中指定的来执行 <head> <base target="_blank"> </head> h5新增标签 header footer article section nav video autoplay muted loop controls ... audio 标签使用 h p div img a video audio ... em标签意为强调，突出文章重点 strong标签意为强调，内容更为有用 b标签加粗 i标签斜体 u标签下划线 video(H5新增) 作用：播放视频 webm 网页中专用的视频格式格式1:<video src=""></video> 格式2： <video> <source src="" type=""></source> <source src="" type=""></source> </video> video标签的属性： 1.src：播放视频的地址 2.autoplay：自动播放 3.controls：控制条 4.poster：用于告诉video标签视频没有播放之前显示的占位图片 5.loop：循环播放 6.muted：静音 7.可设置宽高 audio(H5新增) 作用: 播放音频格式： <audio src=""></audio> <audio> <source src="" type=""> </audio> audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够使用, 并且功能都一样只不过有3个属性不能用, height/width/poster

评论收藏

内容反馈