一 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. iOS开发Embedded dylibs/frameworks are only supported on iOS 8.0 and later for architecture armv7的解决方法

    全局搜索IPHONEOS_DEPLOYMENT_TARGE改为更小的版本

  2. 设置radio的选中状态

    $("#s7").click(function () { var a = document.getElementById("s7"); if (a.checke ...

  3. Trouble Shooting

    情况是这样的,我在写一个类似于Online-Judge的系统,用python很容易实现,编译源程序,运行程序,最后比较程序输出与标准输出得出成绩.现在有个问题,万一程序运行时崩溃,比如出现除0异常,a ...

  4. Nimbus<三>Storm源码分析--Nimbus启动过程

    Nimbus server, 首先从启动命令开始, 同样是使用storm命令"storm nimbus”来启动看下源码, 此处和上面client不同, jvmtype="-serv ...

  5. MySQL事务内幕与ACID

    MySQL的事务实现严格遵循ACID特性,即原子性(atomicity),一致性(consistency),隔离性(isolation),持久性(durability).为了避免一上来就陷入对ACID ...

  6. java innerclass

    ---恢复内容开始--- 内部类: public class Inner{ public class Inner2{} } 创建内部类对象 .new public class Test {    in ...

  7. 【Python爬虫实战--2】时间戳转换为指定格式日期

    摘自:http://www.2cto.com/kf/201406/311477.html (1)方法: 方法一: 利用localtime()转换为时间数组,然后格式化为需要的格式,如 timeStam ...

  8. onbeforeunload与a标签在IE中的冲突bug（转载）

    onbeforeunload与a标签在IE中的冲突bug   onbeforeunload 是window的一个事件,目前Firefox,IE都支持,主要用来提示用户是否真的要离开该页面,通常在一些比 ...

  9. knockout.js-创建视图模型

    监控属性(Observables) knockout的三个核心特点: 1.监控属性与依赖跟踪 2.声明式绑定 3.模板 本页,你将学习上述三个特性.但是在这之前,先了解一下MVVC模式,及 视图模型( ...

  10. Webdriver控制翻页控件,并实现向前向后翻页功能，附上代码，仅供参考，其他类似日期控件的功能可以自己封装

    新增输入与选择页面的html源码: <div style="margin-top:-60px;" class="modal-content" id=&qu ...