HTML一些基础知识

news2024/9/28 9:31:28

1、Web标准:主要包含结构、表现、行为。结构用于对网页元素进行整理和分类,主要指HTML。表现用于设置网页元素的板式、颜色、大小等外观样式,主要指的是CSS。行为主要指的是网页模型的定义以及交互的编写,主要是js文件。

Html相当于是身体,CSS表现类似外观装饰,行为类似行为动作,三者中结构最为重要

2、Html标签是由尖括号包围的关键词,通常是成对出现,这种标签被称为双标签,第第一个是开始标签<html>,第二个是结束标签</html>。也有单标签,比如换行标签<br />。

3、标签关系主要分为两类:包含关系和并列关系。

 

4、!DOCTYPE>文档类型声明标签,告诉浏览器使用哪种HTML版本来显示网页。最新的版本是html5版本。注意应当放在<html>标签之前,它不是属于<html>标签的内容,是文档类型声明标签。

5、<html lang=”en”>定义是中文网页还是英文网页,zh-CN是中文网页,便于浏览器进行解析,渲染。

<meta charset=”UTF-8”>:采用utf-8编码,全世界通用的编码GBK中文繁体和中文简体都通用。Charset就是字符集,放在<head>标签内,可以通过<meta>标签的charset属性规定HTML文档应该使用哪种字符编码。

6、段落和换行标签:<p>是段落标签,将网页里的文字分为很多个段落,段落与段落之间是存在空隙的,同一个段落,会根据浏览器窗口的大小自动换行。强制换行标签是<br />,该单标签仅仅是另起一行,不是分段。

7、文本格式化标签:需要为文字设置粗体、斜体或下划线等效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。

 

8、<div>和<span>标签:无标签语义,仅仅是一个容器,盒子,可以用于存放文字、图片等网页元素。区别在于<div>是一个大盒子,一行只能放一个,<span>是一个小盒子,一行里就可以有多个小盒子。

9、图片标签<img src=””>:src是图片的存储路径,必须指定。alt属性是指当图片无法正常加载时,提示的文字。title属性是提示文本,鼠标移到图像上时,会显示的文字。

 

图片的路径包括了相对路径,绝对路径。以引用的图片相对于该html的位置来确定路径的:

同一级路径<img src=”baidu.jpg”>

下一级路径<img src=”/images/baidu.jpg”>

上一级路径<img src=”../baidu.jpg”

10、超链接标签:<a href=”跳转的目标” target=”目标窗口的跳转方式”>文本或者图像</a>,其中href是必须指定的属性,指定URL地址,具备了超链接的功能,target用于指定链接页面的打开方式,_self为默认值,在本窗口里打开,_blank是在新窗口的打开方式。

空标签:用于还没有确定链接目标,<a href=”#”>首页</a>

下载链接:如果href里地址是一个文件或者压缩包,会下载该文件。

网页元素链接:跳转到网页里的各种网页元素,文本、图像、表格。

锚点链接:跳转到网页里某个位置,在链接文本的href属性中,设置属性值为#名字,如<a href=”#two”>哈哈哈</a>,找到目标位置标签,里面添加一个id属性,id属性=设置的名字

<h3 id=”two”>哈哈哈的元素位置</h3>

11、Html里的注释和特殊字符

 

12、Python提供的用于开发web应用程序的框架,用于构建开发交互式网站。

manage.py接受命令,将其交给Django的部分去运行,用于管理数据库和运行服务器等任务。

Settings.py用于指定Django与系统交互和如何管理项目。Urls.py是告诉Django创建哪些页面来响应浏览器请求,wsgi.py是web服务网关接口,帮助提供Django创建的文件。

创建的应用程序要在这里注册、登记一下,当项目的文件越来越多时,便于管理,其他的是默认的应用程序。

 

Django项目由一系列应用程序组成,协同工作让项目成为一个整体,app只是其中的一个的应用程序,用于相机设置网页的制作。

Model.py用于定义在该应用程序中如何管理储存的数据,每一个模型相当于一个类。

 

13、使用Django创建页面的过程分三个阶段:定义URL,编写视图,编写html模版,分别对应于urls.py、view.py、pages里的页面。

定义URL模式:描述了URL是如何设计的,让Django知道如何将浏览器请求的URL与定义URL进行配对,来返回对应的页面。

View函数:每一个的URL模式都和一个视图函数相对应,处理数据,渲染网页。

14、Django忽略项目的基础URL,空字符串’ ’与基础URL http://127.0.0.1:8000/匹配。

 

15、GET请求和POST请求:创建Web应用程序时,用到的两种主要的请求是GET请求和POST请求。对于从服务器读取数据的页面,使用GET请求。如果用户需要通过表单提交信息,通常使用POST请求。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/808836.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

AddForce

ForceMode&#xff1a; Force&#xff1a;关注的是力整体 Impulse&#xff1a;关注的是冲量&#xff0c;与质量相关 VelocityChange&#xff1a;关注的是速度&#xff0c;与质量无关 Acceleration&#xff1a;关注的是加速度&#xff0c;与质量无关 public void AddForce…

前后端分离实现博客系统

文章目录 博客系统前言1. 前端1.1 登陆页面1.2 博客列表页面1.3 博客详情页面1.4 博客编辑页面 2. 后端2.1 项目部署2.1.1 创建maven项目2.1.2 引入依赖2.1.3 创建目录结构2.1.4 部署程序 2.2 逻辑设计2.2.1 数据库设计2.2.2 实体类设计2.2.3 Dao层设计2.2.3.1 BlogDao 2.2.4 D…

Intel RealSense D455(D400系列) Linux-ROS 安装配置(亲测可用)

硬件&#xff1a;Intel RealSense D455 系统&#xff1a;Ubuntu 18.04 Part_1: 安装librealsense SDK2.0 1.1 注册密钥 sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-key F6E65AC044F831AC80A06380C8B3A55A6F3EFCDE或者 sudo apt-key adv --keyserver hkp:/…

Mysql定时删除表数据

由于用户环境有张日志表每天程序都在狂插数据&#xff0c;导致不到一个月时间&#xff0c;这张日志表就高达200多万条记录&#xff0c;但是日志刷新较快&#xff0c;里面很多日志没什么作用&#xff0c;就写了个定时器&#xff0c;定期删除这张表的数据。 首先查看mysql是否开启…

【Linux】进程间通信——system V共享内存 | 消息队列 | 信号量

文章目录 一、system V共享内存1. 共享内存的原理2. 共享内存相关函数3. 共享内存实现通信4. 共享内存的特点 二、system V消息队列&#xff08;了解&#xff09;三、system V信号量&#xff08;信号量&#xff09; 一、system V共享内存 1. 共享内存的原理 共享内存是一种在…

自动化测试Junit(测试系列8)

目录 前言&#xff1a; 1.什么是Junit 2.Junit相关的技术 2.1注解 2.1.1Test 2.1.2Disable 2.1.3BeforeAll和AfterAll 2.1.4BeforeEach和AfterEach 2.2参数化 2.2.1单参数 2.2.2多参数 2.2.2.1CSV获取参数 2.2.2.2方法获取参数 2.3测试套件 2.3.1通过class运行测…

Java工程师研学之路【002Java基础语法上】

知识体系&#xff08;Knowledge system&#xff09; 练习&#xff08;practice&#xff09; 要求&#xff1a;从控制台输入两个数字&#xff0c;然后输出两个数字的求和结果。 import java.util.Scanner; public class HelloJava {public static void sum(){System.out.print…

kafka集群搭建(Linux环境)

zookeeper搭建&#xff0c;可以搭建集群&#xff0c;也可以单机&#xff08;本地学习&#xff0c;没必要搭建zookeeper集群&#xff0c;单机完全够用了&#xff0c;主要学习的是kafka&#xff09; 1. 首先官网下载zookeeper&#xff1a;Apache ZooKeeper 2. 下载好之后上传到…

以数据要素为支点,兴业银行撬动企业“技术杠杆”

文 | 螳螂观察 作者 | 李永华 推荐理财产品&#xff0c;恰好符合客户能承受的风险水平和想要的收益率水平&#xff0c;在资金投入上也契合客户当下的财务安排&#xff0c;于是顺利成交&#xff1b; 为客户办理的信用卡&#xff0c;优惠的场景方向与客户常常消费的领域大体一…

RWEQ模型教程

详情点击链接&#xff1a;基于“RWEQ”集成技术在土壤风蚀模拟与风蚀模数估算、变化归因分析中的实践应用及SCI论文撰写 前沿 土壤风蚀是一个全球性的环境问题。中国是世界上受土壤风蚀危害最严重的国家之一&#xff0c;土壤风蚀是中国干旱、半干旱及部分湿润地区土地荒漠化的…

U盘安装CentOS7.9出错:进入 dracut问题和解决方法

U盘安装CentOS7.9出错&#xff1a;进入 dracut问题和解决方法 原因&#xff1a;U盘名称未识别&#xff0c; 解决&#xff1a;进入启动界面&#xff0c;按e进入编辑界面 修改&#xff1a; vmlinuz initrdinitrd.img inst.stage2hd:LABELCentOS\x207\x20x86_64.check quiet 为 …

前端框架学习-Vue(二)

最近在学习Vue框架&#xff0c;Vue中的内容很多。相当于把之前后端的MVC&#xff0c;V层转移到前端来编写和部署。下面是学习Vue时的大纲。 Vue生命周期是Vue应用的生命周期Vue脚手架&#xff0c;即vue-cli&#xff0c;使用node.js 来创建和启动vue项目Vue组件知识&#xff0c;…

java重试机制实现方案

本文内容是目前团队内小磊同学对重试机制实现方案的梳理总结。 从为什么需要重试的背景开始&#xff0c;到重试的场景&#xff0c;大致的一些设计思路&#xff0c;最后通过两个成熟的retry组件进行案例讲解&#xff0c;理论实战。 背景 重试是系统提高容错能力的一种手段。在一…

Windows下Nginx安装与配置教程

一、前言 1、Nginx是什么&#xff1f; Nginx是一个开源的Web服务器&#xff0c;同时Nginx也提供了反向代理和负载均衡的功能。 Nginx通常作为负载均衡器暴露在外网接受用户请求&#xff0c;同时也使用其反向代理的功能&#xff0c;将用户的请求转发到实际提供服务的内网服务器…

带wiringPi库的交叉编译 ---宿主机x86Ubuntu,目标机ARMv8 aarch64(香橙派)

带wiringPi库的交叉编译如何进行 先交叉编译wiringPi库&#xff0c;编译出的库适合香橙派&#xff0c;这时候交叉编译可执行程序的平台和链接库的格式也是正确的&#xff0c;然后通过-I和-L来指定链接的wiringPi库的头文件和库的位置&#xff0c;但是现在还没有学习过&#xf…

基于正交滤波器组的语音DPCM编解码算法matlab仿真

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 2.算法运行软件版本 matlab2022a 3.部分核心程序 ...........................................................g0zeros(1,lenH); g1zeros(1,l…

加解密相关工具网站总结

加解密相关工具&网站总结 文章目录 加解密相关工具&网站总结CMD5&#xff0c;解密&#xff0c;反向查询JSFuck&#xff08;JavaScriptAAEncode加密/解密&#xff08;Javascript在线CTF编码工具开源加解密工具大佬文章&#xff1a;1.30余种加密编码类型的密文特征分析2.…

VMware搭建Hadoop集群 for Windows(完整详细,实测可用)

目录 一、VMware 虚拟机安装 &#xff08;1&#xff09;虚拟机创建及配置 &#xff08;2&#xff09;创建工作文件夹 二、克隆虚拟机 三、配置虚拟机的网络 &#xff08;1&#xff09;虚拟网络配置 &#xff08;2&#xff09;配置虚拟机 主机名 &#xff08;3&#xf…

数值分析第六章节 用Python实现解线性方程组的迭代法

参考书籍&#xff1a;数值分析 第五版 李庆杨 王能超 易大义编 第5章 解线性方程组的迭代法 文章声明&#xff1a;如有发现错误&#xff0c;欢迎批评指正 文章目录 迭代法的基本概念雅可比迭代法与高斯-塞格尔迭代法雅可比迭代法高斯-塞格尔迭代法 迭代法的基本概念 6.1.1引言…

Python 进阶(三):正则表达式(re 模块)

❤️ 博客主页&#xff1a;水滴技术 &#x1f338; 订阅专栏&#xff1a;Python 入门核心技术 &#x1f680; 支持水滴&#xff1a;点赞&#x1f44d; 收藏⭐ 留言&#x1f4ac; 文章目录 1. 导入re模块2. re模块中的常用函数2.1 re.search()2.2 re.findall()2.3 re.sub()2.4…