一 Html的文档结构

　  (1) <html> 标记html文件的头标记，没有什么实质性的作用，但是却是必不可少的

　  (2) <head> 放置html文件信息。如css的一些定义

　  (3) <title> 标题

　  (4) <body> 实体

二 Html的一些常用标记

　　换行 <br/>   段落 <p></p>  标题：<title></title>   居中： <center></center>

　　这里值得一提的就是列表标记：

　　　　有序列表 <ol> <li></li>...</ol>

　　　　无序列表 <ul> <li></li>...</ul>

三 表格标记

　　使用<table></table>来表示

　　格式：

　　　　

<table>

　　　　　　<caption>...</caption>   //这是标题标记

　　　　　　<th>　　　　　　　　　　//表头标记

　　　　　　　　<tr>　　　　　　　　//表格行标记

　　　　　　　　　　<td></td>　　//单元格标记

　　　　　　　　　　<td></td>

　　　　　　　　</tr>

　　　　　　</th>

　</table>

四 表单标记

　　1 以<form></form>来表示

<form action=“url" method="get|post" name="name" onSubmit="" target=""> </form>

　　action:存放url

　　method:提交方式，中文不能采取get提交，有8中提交方式

　　name: 指定表单名称

　　onSubmit: 指定当用户单击提交按钮锁触发的时间

　　target: 指提交数据显示的窗口， _blank,_self,_parent,

　　

　　2 <input> 表单输入标记

　　　<input type="" value=""> 当然其中还可以设置其他的一些属性值，例如长宽高

　　3 <select>..</select>下拉表框标记

　　　　

<select name="name" size="" multiple="" diable="disable">

</select>

　　name: 表框名字

　　size: 表框中显示的数量

　　multiple: 用于多行列表框支持多选

　　disable：用于指定表框不可使用

　　4 文本标记

　　　　<textarea>..</textarea>

　　　　这里有一个属性的说一下

　　　　wrap:用于设置多行文字是否换行 其中可选值（hard:表示自动换行   soft:与前者一样，但提交到服务器换行不被提交    off: 表示不自动换行

五  超链接与图片标记

　　1 超链接

　　　　<a href=""></a>

　　2 图片标记

　　　　<img src="" alt="" value="">

　　　　alt: 表示图片无法显示的时候，显示的文字

六 Html5 新增特性

　　　　1 <section></section> 表示页面中的一块区域

　　　　2 <article></article> 表示与上下文不相关的独立内容，例如博客中的一篇文章

　　　　3 <header> 表示页面的内容区域或整个页面的标题

　　　　4 <footer> 表示一个内容区域块的脚注部分， 例如 日期，作者的信息

　　　　5 <aside>  表示当前页面或文章的附属信息部分

　　　　在<input>标签中也加入了一些元素

　　　　email ,url number:表示必须输入数值的文本框 range:表示必须输入一定范围的数字值得文本框

　　

　　

Html的第一次小结的更多相关文章

  1. JavaScript的第一次小结

    一. JavaScript是一种的脚本语言:特点是:具有解释性,基于对象,事件驱动,安全性和跨平台等特点 对于这几种特点有必要说明一下 解释性:就是JavaScripte本身就是一种解释性语言 基于对 ...

  2. Java的集合框架（第一次小结）

    知识点一.集合框架Java集合框架提供了一套性能优良.使用方便的接口和类,它们位于java.util包中二.集合框架的结构Collection:集合接口Map:键值对接口List:有序不唯一列表接口S ...

  3. kali 在线教学群 第一次 公开课 小结（1）

    kali 在线教学群 第一次 公开课 小结(1) 文/玄魂 1.1 需要准备的基础环境 vmware 虚拟机,kali 2.0 镜像,科学上网工具包.这三项内容,可以在本人的微信订阅号“xuanhun ...

  4. [2019BUAA软工助教]第一次阅读 - 小结

    [2019BUAA软工助教]第一次阅读 - 小结 一.评分规则 总分 16 分,附加 2 分,共 18 分 markdown格式统一且正确 - 2分 不统一:扣 1 分 不正确:扣 1 分(例如使用代 ...

  5. [2021BUAA软工助教]个人第一次阅读作业小结

    BUAA个人阅读作业小结 一.作业要求 https://edu.cnblogs.com/campus/buaa/BUAA_SE_2021_LR/homework/11776 二.评分规则 言之有物,按 ...

  6. 软件工程(QLGY2015)第一次作业小结（含成绩）

    相关博文目录: 第一次作业点评 第二次作业点评 第三次作业点评 Github项目提交 github的代码提交,大部分人都只是提交了单个文件,存在几个问题 请提交完整的项目文件到github 问题:为什 ...

  7. 第一次c++作业小结

    之前从未接触过c++,上完第一节课后也还是懵懵懂懂.当知道有作业要完成时,也是无从下手.在仔细阅读教材以及同学的帮助下,我了解了如何编写最简单的程序,也算是踏入c++的大门.希望自己的第一次作业能够符 ...

  8. 第一次刷leetcode小结

    LeetCode 上不会的 Reverse Integer Gray Code Generate Parentheses Pascal's Triangle II 正方向读和反方向读保持不变的区别 T ...

  9. 2018软件工程W班第一次助教小结

    我是数计学院实验教学中心的一名老师,机缘巧合之下,这个学期跟着汪老师上<软件工程实践>这门课.之前有陆续听说过<构建之法>这本书,记得好像学院还有主办过研讨会.对于这门实践课, ...

随机推荐

  1. 鼠标点击 input，显示瞬间的边框颜色，对之修改与隐藏

    示例的是项目中的遇到的,要做成的效果是点击该图片按钮,达到切换图片的效果: HTML代码如下: <input class="dBox3Ulimg" type="im ...

  2. P2P直连？经服务器中转？

    当同一个系统的两个客户端A.B相互发送消息给对方时,如果它们之间存在P2P通道,那么消息传送的路径就有两种:直接经P2P通道传送.或者经服务器中转.如下图所示: 通常就一般应用而言,如果P2P通道能够 ...

  3. 工具类 Util.Browser

    /** * @description get the param form browser * @author xf.radish * @param {String} key the param yo ...

  4. linux 非root用户 ssh 免密码登录

    之所以要把这个记录下来 是因为它的确和root用户不一样root用户 不需要改动什么权限问题  只要生成私钥/公钥对 即可 但是一样的操作在普通用户上就出了问题了 折腾了老半天 ssh-keygen ...

  5. Win7/Win8右键菜单管理工具(Easy Context Menu) v1.5 绿色版

    软件名称: Win7/Win8右键菜单管理工具(Easy Context Menu)软件语言: 简体中文授权方式: 免费软件运行环境: Win8 / Win7 / Vista / WinXP软件大小: ...

  6. 背包问题matlab程序

    clearclca=0.95k=[5;10;13;4;3;11;13;10;8;16;7;4];k=-k;d=[2;5;18;3;2;5;10;4;11;7;14;6];restriction=46; ...

  7. Python字符串连接方式

    python中有很多字符串连接方式,总结一下: 1 最原始的字符串连接方式:str1 + str22 python 新字符串连接语法:str1, str23 奇怪的字符串方式:str1 str24 % ...

  8. cookie机制和session机制的区别（面试题）

    一.cookie机制和session机制的区别 具体来说cookie机制采用的是在客户端保持状态的方案,而session机制采用的是在服务器端保持状态的方案. 同时我们也看到,由于才服务器端保持状态的 ...

  9. DHCP 协议的 8 种消息类型及功能服务器

    1) 主机发送 DHCP Discover 广播包在网络上寻找 DHCP 服务器: 单播数据包, 地址. 2) DHCP 服务器向主机发送 DHCP Offer 单播数据包,包含 IP 地址.MAC ...

  10. Java语言国际化

    事实上,Java语言不可能支持所有国家和语言,如需要获取Java语言所支持的语言和国家,可调用Locale类的getAvailableLocale方法获取,该方法返回一个Locale数组,该数组里包含 ...