html网页放大时文字不换行_WEB前端-html基础

一、介绍

1、HTML概念

  • HTML(Hypertext Mark-up Language)即超文本标记语言

e0dd6ec1308b2ef73f0f8498263a8332.png

2.HTML特点

  • HTML不需要编译,直接由浏览器执行
  • HTML文件是一个文本文件
  • HTML文件必须使用html或htm为文件名后缀
  • HTML大小写不敏感,HTML与html一样

3.HTML基础语法

  • HTML基本结构

ae3ccd0d620559691bea6a062853c902.png
  • HTML标签属性

语法:<标签名 属性名1 = “属性值” 属性名2=“属性值”...> ...... </标签名>

二、文档段落

1、文档声名和META标签

  • DOCTYPE文档类型声明:

< ! DOCTYPE>声明必须放在HTML文档第一行

< ! DOCTYPE>声明不是HTML标签

  • 网页编码设置

问题:当网页出现乱码时

解决:在<head></head>标签之间添加:<meta http-equiv="Content-Type" content="text/html;charset=utf-8[1]“ />

2、文字和段落

  • 标题标签:<h1></h1>~<h6></h6>
  • 段落标签:<p></p>
  • align对齐属性值:

d37c8a60215e6979128c67aeb772e710.png
  • 换行标签:<br />

3、修饰标签和特殊符号

3.1修饰标签(仅部分)

  • 文字斜体:<i></ i>、<em></em>
  • 加粗:<b></ b>、<strong> </strong>
  • 下标:<sub>
  • 上标:<sup>

3.2特殊符号(仅部分)

bba89960e6b684bf6bc1bf97f2d821a9.png

三、列表标签

1、无序列表

40101260f5649b9f9e7e4b171ef8eb8f.png

c26c84c698cd8921b1235bf60c8d7766.png

2、有序列表

44a571a48023c935d5ce0de6895e2b5a.png

9b5fe7008afdb50875ae9d9cb02e33bb.png

3、定义列表

7c48a8bd22a88100c9d32c4cf87b6287.png
  • 定义标签内可有多个<dt>
  • 对于每一个<dt>可有多个<dd>
  • <dt>和<dd>是同级标签,不能相互嵌套

四、图像和链接

1、图像

8f05f979c45833f6cd34c49220fef925.png

注:HTML路径:相对路径:图片相对所作网页路径(同级文件夹引用:img src="1.jpg" 跨级引用:img src="../1.jpg"(../代表一个上一级,上一级的上一级表示为../../))

绝对路径:从盘符开始的路径(img src="E:/HTML/图像与链接/img/1.jpg")

941380c64881e17470cd823169f3ec67.png
  • alt=" ":由于网速过慢、src属性中的错误、浏览器禁用图像导致用户无法查看图像,此属 性可以代替图像显示在浏览器中的内容
  • width=" ":宽度,单位px表示显示的像素个数,%表示在其所在容器内的所占比例(不增加该属性即为图片原宽度)
  • height=" ":长度,单位px表示显示的像素个数,%表示在其所在容器内的所占比例(不增加该属性即为图片原高度)

2、超链接

9931075b4f98bc3c2e1726771d0d3d06.png
链接地址为#时为空链接,保留链接所具有的一些效果,但无法跳转

a5ebc15b23ec9c3707e67e61425d5e46.png
  • _self:当前窗口打开目标窗口
  • _blank:创建新窗口打开目标窗口

3、锚链接(同页面)

65cab57390c75bed1260fca9da8cb5e5.png

方法:1、定义锚的位置和锚名

2、设置寻找锚的链接

4、锚链接(不同页面)

b80f1a864f76f9ee28612e9243c82242.png

5、链接扩展功能

1、电子邮件

bd67561a935bffaaf7a27d8822e5cf5c.png
如想成功打开邮箱,需在本机已装有邮箱软件

2、文件下载

30f328411bd53a92da33140fe6eb3fe4.png
下载文件要压缩,直接写下载的文件名会打开文件

参考

  1. ^utf-8、GB2312、gbk等编码

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

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

相关文章

linux目录隐藏技术,Linux环境下的高级隐藏技术

摘要&#xff1a;本文深入分析了Linux环境下文件、进程及模块的高级隐藏技术&#xff0c;其中包括&#xff1a;Linux可卸载模块编程技术、修改内存映象直接对系统调用进行修改技术&#xff0c;通过虚拟文件系统proc隐藏特定进程的技术。隐藏技术在计算机系统安全中应用十分广泛…

python代替shell脚本_python的简洁是shell无法代替的

之前线上服务器分发配置都是用shell和expect脚本分发&#xff0c;脚本写了很长&#xff0c;上周换了ansible&#xff0c;现在自己用python写一个&#xff0c;就30行代码就可以实现需求&#xff0c;之前的shell写了快200行了&#xff0c;蛋疼&#xff0c;代码如下&#xff1a; f…

linux命令cp命令行参数,linux命令之cp命令参数及用法详解

cp (复制档案或目录)[rootlinux ~]# cp [-adfilprsu] 来源档(source) 目的檔(destination)[rootlinux ~]# cp [options] source1 source2 source3 …. directory参数&#xff1a;-a &#xff1a;相当于 -pdr 的意思&#xff1b;-d &#xff1a;若来源文件为连结文件的属性(link…

python电脑编程求圆的面积案例_学Python划重点七 网络编程(UPD Socket编程、上传文件实例、计算圆的面积实例)...

一、UPD Socket 编程 socket 对象中与UDP Socket 服务器编程有关的方法是bind() &#xff0c;注意不需要listen() 和accept() &#xff0c; 这是因为UDP 通信不需要像TCP 一样监听端口&#xff0c;建立连接。 socket.recvfrom(buffsize) &#xff1a; 接收UDP Socket 数据&…

alert获取输入框内容_获取由 AlertDialog 生成的对话框中EditText的文本内容

在Android开发中&#xff0c;AlertDialog常用于处理用户的登录等。那么如何获取由 AlertDialog 生成的对话框中EditText的文本内容呢&#xff1f;其实Alertdialog弹出的Activity 可以认为是默认的Activity的子Activity。不能直接使用findViewById()来获取。强行使用会提示一个空…

linux中将 home目录备份成,6种优化Linux系统备份的应用与技巧

【51CTO.com快译】当转为使用Linux时&#xff0c;你可能会注意到你所使用的版本会带有一个默认的备份工具。然而&#xff0c;可能该工具并没有被设置好去备份你系统中所有重要的部分。而且&#xff0c;使用该默认工具也可能导致它以比预期更低的效率去产生一些更大的备份数据。…

db2嵌套查询效率_db2性能优化

性能优化概述DB2 的性能优化可以从三个方面分析&#xff1a;内存&#xff0c;CPU 和 I/O 。DB2 性能优化是一件较为复杂的综合性的工作 , 需要对问题的根源作全方位的探索和思考。同时也需要较深厚的数据库管理经验与优化知识。这对于初学者来说可能有些勉为其难。但是在很多情…

python数据分析函数大全_Python常用数据分析函数集合

1.Map函数 - 列表解析 ①.map()函数解析 (1).python源码信息C:\Users\ArSang>python Python3.6.3rc1 (v3.6.3rc1:d8c174a, Sep 19 2017, 16:39:51) [MSC v.1900 64bit (AMD64)] on win32 Type"help", "copyright", "credits" or "licens…

我的世界linux开服权限不足,我的世界路由器开服怎么获得超级管理员权限

我的世界路由器开服怎么获得超级管理员权限。小伙伴们使用路由器开服的时候会发现一个明显的问题&#xff0c;部分路由器并没有给你最高管理员的权限&#xff0c;导致大家开服的时候出现各种问题。那么路由器开服怎么才能快速获得超级管理员的权限呢?说明&#xff1a;为什么路…

python无法调用安装的包_如何使用python命令和安装包进行安装Django框架

在python语言的框架中&#xff0c;Django框架是一种Web应用框架&#xff0c;这个框架的版本需要跟python的版本搭配上。其中&#xff0c;Django框架可以使用命令安装&#xff0c;也可以使用下载压缩包进行安装。下面利用实例说明Django框架安装方法和过程&#xff0c;操作如下&…

vs传值接收页面怎么直接打开_VS2003传值

估计楼主应该是用了ORM,只知道定义泛型类,然后ORM自己就完成映射,具体怎么得到的数据,就不知道了.所以,请退回到旧时代,用DataTable传递数据.cmdText:这个是SQL查询语句;connStr:这个是数据库连接字符串.public static DataTable(string cmdText,string connStr){SqlConnection…

linux摄像头内核驱动开发,怎么在Linux下开发摄像头驱动

无根之木不活&#xff0c;无基之楼不立&#xff0c;无论是学习哪个领域知识&#xff0c;基础是重中之重。针对学习linux驱动&#xff0c;我们来仔细谈谈&#xff1a;个人认为C语言和数据结构就是重中之重&#xff01;Linux系统最优秀的地方就在于内核。无论是进程调度&#xff…

idea卡顿的解决方法_lt;绝地求生/PUBG/解决卡顿方法(停机9小时)维护gt;9月16日(星期三) 08点30分amp;崩溃...

【正式服不停机维护公告】我们将在北京时间10月7日(星期三) 10点开始正式服的不停机维护。- 维护开始时间&#xff1a;10月7日(星期三) 10点 - 维护内容&#xff1a;优化服务器以及BUG修复1. 修复了在四排模式下队伍列表中无法显示队员的问题&#xff1b;2. 修复了警示胶带背包…

安装应用需要打开未知来源权限_打开安卓这个开关 不让流氓软件肆意妄为

1月21消息&#xff0c;国外媒体Cybernews曝光了数款存在安全隐患的安卓应用&#xff0c;从这些应用中我们发现大都是相机类应用。根据Cybernews的说法这些应用会寻求多项权限&#xff0c;而多数权限和应用本身功能并不相关。其实在国内这类软件也并不缺乏&#xff0c;他们通常会…

git for windows_手把手教会舍友玩 Git (包教包会,再也不用担心他的学习)

作 者&#xff1a; BWH_Steven 原文链接&#xff1a;https://www.cnblogs.com/ideal-20/p/13644420.html舍友长大想当程序员&#xff0c;我和他爷爷奶奶都可高兴了&#xff0c;写他最喜欢的喜之郎牌Git文章&#xff0c;学完以后&#xff0c;再也不用担心舍友的学习了(狗头)哪里…

合并的表格怎么加横线_word怎么合并表格边框

回答&#xff1a;方法如下:去掉Word文字保留表格的方法一&#xff1a;1、全选表格&#xff0c;按 Delet 键&#xff0c;表格的所有文字被删除&#xff0c;如图3所示&#xff1a;2、图3是图1所示是表格&#xff0c;文字都没有了。去掉Word文字保留表格的方法二&#xff1a;全选表…

Linux免设置路由端口映射,2014/04/01 演示中设置linux路由器、端口过滤的使用、路由设置...

2.linux主机做为路由器&#xff0c;具有数据转发和随机丢包的功能1.1.iptables 基于内核的防火墙1.2.编写防火墙设置的脚本及鸟哥的linux私房菜(服务器篇)linux 路由器的设置参考鸟哥的linux私房菜(服务器篇)使能数据包转发功能即可&#xff0c;linux内核本身就支持1.#cat /pro…

stotybord如何添加子视图_SQL复杂查询-子查询

视图&#xff1a;1.视图的概念引入&#xff1a;SQL数据库里面存放的是SQL语句&#xff0c;视图中查看到的SQL查询语句&#xff0c;当我们运用客户端连接到视图时候&#xff0c;视图会运行里面的查询语句&#xff0c;从库中查找出数据&#xff0c;保存在临时表里面。当客户端和数…

python模拟登录页面下载_python爬虫之模拟登录

最近应朋友要求&#xff0c;帮忙爬取了小红书创作平台的数据&#xff0c;感觉整个过程很有意思&#xff0c;因此记录一下。在这之前自己没怎么爬过需要账户登录的网站数据&#xff0c;所以刚开始去看小红书的登录认证时一头雾水&#xff0c;等到一步步走下来&#xff0c;最终成…

springboot 2.3_Spring Boot 应用监控,早发现早

小Hub领读&#xff1a;服务都需要监控&#xff0c;SpringBoot项目中&#xff0c;你常用哪些监控模块呢&#xff1f;actuator?admin?作者&#xff1a;小小____https://segmentfault.com/a/1190000022945443当一个 Spring Boot 应用运行的时候&#xff0c;开发者需要对 Spring …