HTML你不得不知道的小细节

最新推荐文章于 2021-06-07 12:19:48 发布

我是嘉心糖

最新推荐文章于 2021-06-07 12:19:48 发布

阅读量288

点赞数 2

分类专栏： javaweb

本文链接：https://blog.csdn.net/qq_43445553/article/details/107391363

版权

javaweb 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

HTML你不得不知道的小细节

在这里插入图片描述

一.超链接的斜杠以及taget问题，图片链接

<a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a>

<p>如果你将 target 属性设置为 &quot;_blank&quot;, 链接将在新窗口打开。</p>

请始终将正斜杠添加到子文件夹。假如这样书写链接：href=“https://www.runoob.com/html”，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=“https://www.runoob.com/html/”。

创建图片样式的链接

<p>创建图片链接:
<a href="//www.runoob.com/html/html-tutorial.html">
<img  border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

<p>无边框的图片链接:
<a href="//www.runoob.com/html/html-tutorial.html">
<img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

二.head

用于与css的外链

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

meta标签

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">

定义网页作者:

<meta name="author" content="Runoob">

每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">

三.Image的分开点击,以及加载失败时的切换

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
alt:加载失败将会出现planets的字样

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">限定范围是个矩形，点击将会跳转到sun.htm中
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

四.表格

rowspan是占多少个行，colspan占多少列

<td colspan="2" class="btbg font-center titfont" rowspan="2">受理数</td>

一个正常的表格
<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

五.区块元素

HTML 区块元素

大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例:

,
,

,

HTML 内联元素

内联元素在显示时通常不会以新行开始。

实例: , , ,

HTML
元素

HTML

元素是块级元素，它可用于组合其他 HTML 元素的容器。

元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与 CSS 一同使用，

元素可用于对大的内容块设置样式属性。

元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用
元素进行文档布局不是表格的正确用法。元素的作用是显示表格化的数据。

HTML 元素

HTML 元素是内联元素，可用作文本的容器

元素也没有特定的含义。

当与 CSS 一同使用时，元素可用于为部分文本设置样式属性。

六.表单的数据

1.表单的类型

button	定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。
checkbox	定义复选框。
file	定义文件选择字段和 “浏览…” 按钮，供文件上传。
hidden	定义隐藏输入字段。
image	定义图像作为提交按钮。
password	定义密码字段（字段中的字符会被遮蔽）。
radio	定义单选按钮。
reset	定义重置按钮（重置所有的表单值为默认值）。
submit	定义提交按钮。
text	默认。定义一个单行的文本字段（默认宽度为 20 个字符）。

小例子<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>

2.表单的action的路径,方法

<form action="xxx.xx" method="post" enctype="text/plain">

其中的action路径就有讲究了

当使用**/开头**时则是绝对路径，相对于主机的，代表根目录，如果路径是使用/开头，Tomcat就是webApp那个目录，

如果你不是/开头代表你从当前工程的目录开始，例如webApp/HibernateApp3/

我是嘉心糖

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML你不得不知道的小细节

HTML你不得不知道的小细节一.超链接的斜杠以及taget问题，图片链接<a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a><p>如果你将 target 属性设置为 &quot;_blank&quot;, 链接将在新窗口打开。</p>请始终将正斜杠添加到子文件夹。假如这样书写链接：href=“https://www.runoob.com/html”，就会向服务
复制链接

扫一扫