• HTML中各标签代表的含义


    html常用标签

    文件标题<title></title>

    文件更新:

    1)10秒后自动更新一次<meta http-equiv="refresh" content=10>

    2)10秒后自动连结到另一个文件<meta http-equiv="refresh" content="10;url=欲连结文件之url";>

    查询用表单<isindex>

    预设的基准路径<base>        

    <base href="放置文件的主机之url">

    版面

    标题文字<h#>

    <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。

    字体变化<font size=#>  <font face="字型名称">  <font color=#rrggbb>

    如果要单独对文本中的某句话添加样式,可以用<span>

    显示小字体<small>  显示大字体<big>  粗体字<b>  斜体字<i>  打字机字体<tt>  

    底线<u>  删除线<strike>  下标字<sub>  上标字<sup>

    文字闪烁效果<blink>

    换行<br>  分段<p>

    文字的对齐方向<p align="#">

    分隔线<hr>

    1)分隔线的粗细 <hr size=点数>

    2)分隔线的宽度 <hr size=点数或百分比>

    3)分隔线对齐方式 <hr align="#">

    4)分隔线的颜色 <hr color=#rrggbb>

    5)实心分隔线  <hr noshade>

    链接<a hred="#">

    图片<img src="#" alt="文字">

    独立引用<blockquote>

    引证<cite>

    文本内引用<q>

    列表项<li>

    有序列表<ol>

    在html代码中输入空格回车都是没有作用的。要想输入空格,必须写入&nbsp;

    <pre>语言代码段</pre>

    <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

    创建表格的四个元素:

    table、tbody、tr、th、td

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

    2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。

    3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

    4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    5、<th>…</th>:表格的头部的一个单元格,表格表头。

    6、表格中列的个数,取决于一行中数据单元格的个数。

    要想显示&,最好写为&amp;

    <a href="#" target="_blank"在新的浏览器里打开链接

    在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用<img>标签来插入图片。

    语法:

    <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

    举例:

    <img src = "myimage.gif" alt = "My Image" title = "My Image" />

    讲解:

    1、src:标识图像的位置;

    2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

    3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

    4、图像可以是GIF,PNG,JPEG格式的图像文件。

    当用户需要在表单中输入大段文字时,需要用到文本输入域。

    语法

    <textarea  rows="行数" cols="列数">文本</textarea>

    1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。

    2cols :多行输入域的列数

    3rows :多行输入域的行数

    4、在<textarea></textarea>标签之间可以输入默认值

    举例

    <form  method="post" action="save.php">
            <label>联系我们</label>
            <textarea cols="50" rows="10" >在这里输入内容...</textarea>
    </form>
    取自他人整理,感谢(侵删)
  • 相关阅读:
    力扣学习计划图床01
    一篇文章带你初步了解C++重载机制
    解决Github Gist无法访问问题
    VScode解决文件乱码问题,调整文件编码
    六、angular 生成二维码
    五、angularjs在进入界面前加载数据
    四、angularjs 如何在页面没有登录的情况下阻止用户通过更改url进入页面--$stateChangeStart
    三、angularjs上传图片
    二、单页应用如何调用微信接口和手机端的一些方法?
    二、Flex 布局教程:实例篇
  • 原文地址:https://www.cnblogs.com/LWF6869/p/12553597.html
Copyright © 2020-2023  润新知