html常用标签.

最新推荐文章于 2022-11-08 12:19:04 发布

_Dendy

最新推荐文章于 2022-11-08 12:19:04 发布

阅读量801

点赞数

分类专栏： WEB前端

本文链接：https://blog.csdn.net/z_Dendy/article/details/11806657

版权

WEB前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

html 超文本标记语言.
由标签组成.数据会封装在标签中.可以对封装标签的属性值的改变对封装内的数据进行操作,

<html>
<head></head>
<body></body>
</html>
head:网页中的一些属性信息，比如标题.
body:网页显示的数据,

标签：对数据进行封装，有开始标签和结束标签，但也有一些只体现单一功能，不需要结束标签，在规范中要求有结束标记，所以这样的标签通常在内部结束，如：<br/> <hr/> <img/> <input/>
标签格式：<标签名属性名="属性值">数据</数据名>
    <标签名属性名="属性值" />

常用标签：
  1、字体：<font>
   <font size="7" color="#ffff00">数据</font>

   特殊：如果要在页面显示一些特殊符号，需要进行转义.
    <: < >: > &:&amp 空格: 

   标题：<h1><h2>...
  2、列表：<dl></dl>
   上层项目：<dt>
   下层项目：<dd> ——自动缩进
   项目符号标签：
    <ol> ——项目编号有序(1，2，3;a, b, c...)
    <ul> ——项目编号为图标，无序.
    这两个标签中的列表项都要<li>标签来封装.

   示例:
    1、游戏名称
     星级
     红警
     魔兽
    2、游戏内容
     a.攻略
     b.秘籍
    <html>
     <head></head>
     <body>
      <ol>
       <li>游戏名称</li>
        <ul>
         <li>星际</li>
         <li>红警</li>
         <li>魔兽</li>
        </ul>
       <li>游戏内容</li>
        <ol type="a">
         <li>攻略</li>
         <li>秘籍</li>
        </ol>
      </ol>
     </body>
    </html>
  3、图像标签：<img>
   <img src="图像文件" alt="图像说明文字" />

  4、表格标签：<table>
   表格由行组成，行由单元格组成.表格默认都有一个tbody标签.
   标题标签：<caption>
   <table border="1" bordercolor="red" with="60%" cellpadding="10" cellspacing="0">
    <tr>
     <th></th>——标题（加粗、居中）
     <th></th>
    </tr>
    <tr>
     <td></td>
     <td></td>
    </tr>
   </table>

  5、超链接<a>
   <a href="http://www.sina.com.cn" target="_blank">新浪网</a>

   当被点击后，会启动引擎所对应的解析程序.
   查找指定的主机：
   1、先找本地主机的hosts文件.
   1、如果没有找到该主机对应得IP地址，去公网DNS服务器上找对应的ip地址.

   邮件：
   <a href="mailto:abc@xxx.com?subject=xxx&cc=xxx@xxx.com">联系我们</a>
   点击会启动邮件解析程序，本机默认为outlook.

   定位标记：
   <a name="top">顶部位置</a>
   <a href="#top">回到顶部</a>

6、表单标签：<form>
该标签可以和服务端进行交互.

   元素：
    <input>:因type属性的不同，所对应的组件也不一样.
     type:
     a、text:文本框，输入的文本可见.
     b、password:密码框，输入的文本不可见.
     c、radio:单选框.
      注意：要被选择，必须给单选框一定一个name属性，相同name属性值的尾一组.
     d、checkbox:复选框.
     e、file：可以进行文件选择，常用于附件上传.
     f、hidden:隐藏组件，不会再页面上显示，但其定义的name和value可以提交到服务器.
     g、button：按钮.默认没有效果，可以通过注册事件并加入自定义效果.
     h、reset:重置按钮，将组建还原到默认状态.
     i、submit:提交所有组件的值到服务器.
     j、image：可以通过image组件的src属性连接到一个图片，完全不同的效率，如图片按钮等.

     下拉菜单:<select>
      每一个下拉菜单项都有option进行封装.
      <select>
       <option></option>
      </select>

文本区域：<textarea>

表单组件通常都需要定义name和value属性，并将此属性和值发送到服务器，有服务器解析.

     form标签中的常见属性：
     action：执行数据提交的目的地.
     method：提交方式，常用的有get和post,默认为get.
      get和post的区别：
      get:将数据显示到地址栏.提交的数据受地址栏的限制,对于敏感信息不安全,会将提交信息封装到http消息头之前，
      post：部将数据显示到地址栏.可以提交大体积数据,数据安全,提交的数据封装到http消息头之后.

注意：不需要提交数据到服务器，则不需要定义form标签.

_Dendy

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html常用标签.

html 超文本标记语言. 由标签组成.数据会封装在标签中.可以对封装标签的属性值的改变对封装内的数据进行操作, head:网页中的一些属性信息，比如标题. body:网页显示的数据, 标签：对数据进行封装，有开始标签和结束标签，但也有一些只体现单一功能，不需要结束标签，在规范中要求有结束标记，所以这样的标签通常在内部结束，如：标签格式：<标签名属性名
复制链接

扫一扫