HTML小结

1.html框架

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf_8">
    <meta http_equuiv="X-UA-Compatible" content+"IE=edge">
    <!--HTML文档中的元数据-->
    <title>lab1-1</title>
    <link rel="stylesheet"  type="text/css" href="lab1-1.css">
</head>
<body>
</body>
</html>

2.文本标记:

块元素:p,h1~6,div,ul,table (显示时通常会以新行开始,会在前后添加空行);
内联元素:span (显示时通常不会以新行开始);
特殊用途标记:blockquote(缩进或斜体),br(行),cite,code,tt,pre;

3.图像:

<img src=”” alt=””></img>

4.列表:

无序列表

<ul>
    <li></li>
</ul>

有序列表

<ol>
    <li>

自定义列表

<dl> 
    <dt>
    <dd>

5.链接:

<a>

link,hover,active,visited;
链接方式:

1、
<a href=””></a> 
<a name=””></a>
2、
<a herd="task"></a>
<h1 id="task"></h1>

herf属性规定页面中所有相对链接的基准URL;
target属性定义了在何处打开页面中的链接。

6.表格:

<table>
    <caption> </caption>
    <tr>
        <th rowspan="2"></th>
        <td colspan="4"></td>
    </tr>
    <tr>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
     </tr>
     <tr>
         <th></th>
         <td></td>
         <td></td>
         <td rowspan="2"></td>
         <td rowspan="2"></td>
     </tr>
     <tr>
         <th></th>
         <td></td>
         <td></td>
     </tr>
    </table>

属性:border,colspan/roespan,align,valign(垂直对齐),cellpadding(单元边沿与其内容之间的空白),cellspacing(单元格之间的空间)

7.表单:

button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text

<input type="" name="" placeholder="" />
<form>,<input>,<textarea>,<select>,<file>,
<submit>(一个表单只能有一个),<keygen>,<output>

组合表单中的相关元素

<fieldset>
    <legend>健康信息</legend>
    身高:<input type="text" />
    体重:<input type="text" />
  </fieldset>

8.语义化标记(双标记)

9.框架:

<frameset cols=”255,50%,25%” columns=””>
    <frame src=””>
    <frame src=””>
    <frame src=””>
</frameset >

10.视频:

<video src=”” width=”” height=”” controls=”controls”></video>
<video width=”” height=”” controls=”controls”>
<source src=”” type=””>
<source src=”” type=””>
</video>

11.音频:

<audio>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 标记语言 1.HTML的基本语法: 标签的定义、分类(单双标签) 标签的属性使用<标签名 属性名1="值...
    iOS_Xue阅读 352评论 0 0
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,221评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,340评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,162评论 19 139
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 945评论 0 0

友情链接更多精彩内容