HTML

1.html5的第一行一定是<!DOCTYPE html>，h4太长，而且一般ide中会自动加载，了解即可。

2.h5的整个页面被<html></html>标签包裹着

3.h5的头部被<head></head>标签包裹，中间主要放<title></title>标签，此标签内部是网页的标题

4.h5的网页部分被<body></body>包裹，body中是网页的主体部分

5.头部还通常有一个字符编码标签<meta charset="utf-8"/>为单标签，表示该页面的文字内容是utf-8编码的

6.body内一些常用标签介绍（英文有些是猜测，有些是查找，便于记忆标签）

　　

　　<hr/>           　　　 　 水平线标签，horizon

　　<br/>           　　　 　 回车换行标签，break

　　<p></p>　　　　　　　　    段落标签，paragraph

　　<!--注释-->   　　　　    注释标签

　  <hn/>　　 　　　　   　   n为1到6，小标题标签，大小由1到6递减，head

　　<font/>　　　　　　       规定文本字体标签

　　<img src="链接">　       图片标签，image

　　<ul></ul>　　　　　       无序列表标签，unorder list

　　<ol><ol> 　　　　    　　 有序列表标签，order list

　　<a herf=" "></a>　　     a标签，一般加上herf，引号里面是链接，a为action

　　<table></table>　　　    表格

　　<tr></tr>　　　　　　     table row行表格

　　<td></td>　　　　　     　table data表格数据，可看做列

　　<th></th>　　　　　     　table head表格数据加粗，可看做列

　　colspan属性　　　　       跨列单元格

　　rowspan属性　　　　       跨行单元格

7.html的一些表单标签

　　　　　<!--

            属性：

            1.提交方式有post和get

            2.name属性取值任意，提交时会提交上去

            3.value值

            4.size长度

            5.maxlength可输入值的最大长度

            6.placeholder占位符

            7.checked默认选中

        -->

        <form action="#" method="get">

            用户名:<input type="text" name="username" /><br /><br />

            密码：<input type="password" name="password"/><br /><br />

            确认密码:<input type="password" name="repassword"/><br /><br />

            性别：<input type="radio" name="sex" value="male"/>男

                <input type="radio" name="sex" value="female"/>女<br /><br />

            爱好：<input type="checkbox" name="habit" value="fish"/>钓鱼

            <input type="checkbox" name="habit" value="game"/>打游戏

            <input type="checkbox" name="habit" value="music"/>听音乐<br /><br />

            头像：<input type="file" name="pic" /><br /><br />

            籍贯：<select name="province">

                <option>--请选择--</option>

                <option value="浙江">--浙江--</option>

                <option value="上海">--上海--</option>

                <option value="江苏">--江苏--</option>

            </select><br /><br />

            自我介绍：

                <textarea name="introduction">

                    一般不使用，用在线文本编辑器，内含表情等

                </textarea><br /><br />

            提交按钮：<button type="submit"></button>

            重置按钮：<button type="reset"></button>

        </form>

注意：表单布局可使用table进行对齐

前端阶段_html部分的更多相关文章

  1. 前端阶段_html部分2后台frame的初始构架案例

    1.<frameset cols="25%,75%">          把页面分为1:3,并且使用frame的同时应该删除body标签 2.<frame src ...

  2. 前端阶段_div以及css介绍

    1.div div是html的一个标签,是块级元素,单独使用没有意义,必须结合css来使用,进行网页布局 2.span span是一个html标签,是一个内联元素,主要对括起来的内容进行修饰 3.&l ...

  3. java 知识结构

    JAVA基础阶段 阶段 技术名称 技术内容 T线 JavaSE JAVA 开发基础知识 | Eclipse 开发环境 | JavaSE 7.0 API | JavaSE 8.0新特性 | 多线程技术 ...

  4. Webpack2入门

    webpack 2 将在其文档完成之后正式发布.但这并不意味着不可以开始使用它,如果你知道怎么配置的话. 什么是 Webpack? 简单来说,Webpack 就是一个针对 JavaScript 代码的 ...

  5. java视频资源

    1.Java基础阶段 尚学堂_刘凯立_JavaSE基础视频 http://pan.baidu.com/s/1geCoY11 尚学堂_高淇_Java300集视频教程 https://pan.baidu. ...

  6. JS 与 jQery 的区别主要在于 DOM

    //目前正在学习前端阶段,把知识点整理.保存下来以便日后查看 首先引入jQery: 需要先引入css,再引入js: jQery需要在js前引入,再引入框架,最后才是js的引入:css也相同,先引入框架 ...

  7. 如何让BootStrap栅格之间留出空白间隙呢？

    BootStrap栅格之间留出空隙 BootStrap栅格系统可以把我们的container容器划分为若干等分,如果想要每个部分之间留出一定的空隙,我们很可能首先想到的方法就是用margin外边距来使 ...

  8. web前端学习就这9个阶段，你属于哪个阶段？

    第一阶段:HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础:Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAsc ...

  9. 【北航软件工程】Alpha阶段前端页面编写及服务器部署

    前端页面编写 虽然之前对html语法有过一些了解,但是完全没有编写前端页面的经验,和我合作的czy大概也是这么个情况.在Alpha阶段的前端页面编写过程中,我们是摸着石头过河,html是个入门很快专精 ...

随机推荐

  1. GoldenGate for bigdata 12.3.1.1

    GoldenGate for big data 12.3.1.1在8.18已经发布,主要新特性如下: 1. 新目标:Amazon Kinesis 2. 新目标:使用Kafka Connect API及 ...

  2. STM32开发 -- 4G模块开发详解（转）

    STM32开发 -- 4G模块开发详解(1) STM32开发 -- 4G模块开发详解(2) STM32开发 -- 4G模块开发详解(3) STM32开发 -- 4G模块开发详解(4)

  3. selenium自动化之鼠标操作

    在做自动化测试的时候,经常会遇到这种情况,某个页面元素,你必须要把鼠标移动到上面才能显示出元素.那么这种情况,我们怎么处理呢?,selenium给我们提供了一个类来处理这类事件——ActionChai ...

  4. 用Java实现MVPtree——MVPtree点集内去重以及衍生出来的多维向量Hash问题

    上次完成了MVPtree之后,客户又提出了MVPtree点集元素重复的问题,希望我将元素去重. 集合去重哪家强?java.util找HashSet!如果不计较元素顺序,放进去基本就没有重复元素了. 只 ...

  5. mysql用户的增删与密码丢失问题

    为root用户设置初始密码 mysqladmin -u root password 密码(单实例) mysqladmin -u root password 密码 -S /data/3306/mysql ...

  6. Linux Redhat 安装免费yum源

    Linux Redhat 安装免费yum源 出处地址:http://www.cnblogs.com/nbartchen/p/8565816.html 1.查看是否安装相关包 rpm -qa|grep ...

  7. 树莓派无显示器开启ssh的方法

    在boot根目录新建一个名为 ssh 的空文件即可. boot目录所在分区是fat32格式,可以被windows识别和操作 带有系统的tf卡(或SD卡)插入读卡器中,新建ssh文件即可,注意无后缀名

  8. 为什么不应该使用ZooKeeper做服务发现

    [编者的话]本文作者通过ZooKeeper与Eureka作为Service发现服务(注:WebServices体系中的UDDI就是个发现服务)的优劣对比,分享了Knewton在云计算平台部署服务的经验 ...

  9. centos6.5安装部署zabbix监控服务端和客户端

    部署zabbix服务端需要LNMP环境(nginx,mysql,php),其它数据库也可以,我这里使用mysql,关于LNMP环境部署,可以参考我的另一遍文章:http://www.cnblogs.c ...

  10. python ---24 正则表达式 re模块

    一.正则表达式 1.字符组 ① [abc] 匹配a或b或c ②  [a-z] 匹配a到z之间的所有字⺟ [0-9]匹配所有阿拉伯数字 2.元字符 3.量词 4.重要搭配 ①  .*? ②  .*?x  ...