一 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开发打电话的功能

    1,这种方法,拨打完电话回不到原来的应用,会停留在通讯录里,而且是直接拨打,不弹出提示 NSMutableString * phoneStr=[[NSMutableString alloc] init ...

  2. 阮一峰：MVC、MVP和MVVM的图示

    阮一峰:MVC.MVP和MVVM的图示:http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html

  3. 【2】Chrome - 快捷键

    记录一下 Chrome 常用的快捷键 温馨提示:点击快捷键回链接到对应的图文 快捷键汇总: 1. Ctrl + [ 或 Ctil + ]  ( Mac: Cmd + [ 或 Cmd + ] ): 移动 ...

  4. POJ 1704 Georgia and Bob（阶梯博弈+证明）

    POJ 1704 题目链接 关于阶梯博弈有如下定理: 将所有奇数阶梯看作n堆石头,做Nim,将石头从奇数堆移动到偶数堆看作取走石头,同样地,异或值不为0(利己态)时,先手必胜. 定理证明看此博:htt ...

  5. HDU 1242 Rescue(BFS)，ZOJ 1649

    题目链接 ZOJ链接 Problem Description Angel was caught by the MOLIGPY! He was put in prison by Moligpy. The ...

  6. LeetCode OJ 162. Find Peak Element

    A peak element is an element that is greater than its neighbors. Given an input array where num[i] ≠ ...

  7. Cross Product

    Cross Product These are two vectors: They can be multiplied using the "Cross Product" (als ...

  8. Arch最小化安装X

    Xorg xorg-server 安装xorg-server pacman -S xorg-server 可选:xorg-server-utils pacman -S xorg-server-util ...

  9. Openjudge-计算概论（A）-鸡兔同笼

    描述一个笼子里面关了鸡和兔子(鸡有2只脚,兔子有4只脚,没有例外).已经知道了笼子里面脚的总数a,问笼子里面至少有多少只动物,至多有多少只动物输入第1行是测试数据的组数n,后面跟着n行输入.每组测试数 ...

  10. 【Echarts每天一例】-1

    官方网址:http://echarts.baidu.com/doc/example/line1.html 使用百度echarts官方实例:http://ask.csdn.net/questions/1 ...