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. apache的rewrite机制配置

    步骤: 1:启用rewrite模块,在默认情况下,没有启用 修改httpd.conf文件 #启动rewrite模块 LoadModule rewrite_module modules/mod_rewr ...

  2. 获取微信access_token

    /** * 获取微信access_token * @return mixed */function get_access_token() { $appId = C('APPID'); $secret ...

  3. percona-server-5.7.18-14安装

    说明 percona-server-5.7 的安装对硬件配置的要求较高,至少需要4G内存或者2G物理内存+2Gswap. 编译安装过程中注意所在分区的空间大小,编译安装需要使用到大量的临时空间. 环境 ...

  4. Java线程池详解，看这篇就够了！

    构造一个线程池为什么需要几个参数?如果避免线程池出现OOM?Runnable和Callable的区别是什么?本文将对这些问题一一解答,同时还将给出使用线程池的常见场景和代码片段. 基础知识 Execu ...

  5. [c/c++] programming之路（9）、运算优先级

    一.运算优先级 二.条件运算符(表达式1?表达式2:表达式3) 当式1正确时,取式2的值:否则,取式3的值 三.格式字符 #include<stdio.h> #include<std ...

  6. opencv学习之路（5）、鼠标和滑动条操作

    一.鼠标事件 #include<opencv2/opencv.hpp> #include<iostream> using namespace cv; using namespa ...

  7. OpenCV常用库函数[典]

    一.core 模块 1.Mat - 基本图像容器 Mat 是一个类,由两个数据部分组成:矩阵头(包含矩阵尺寸,存储方法,存储地址等信息)和一个指向存储所有像素值的矩阵(根据所选存储方法的不同矩阵可以是 ...

  8. JS事件覆盖问题和触发问题

    昨天遇到一个面试题,主要就是事件覆盖问题和触发问题 (不是打广告,无视文本内容) 总之这样的话,会输出三次“做自己的网站”. 为什么不是两次,而是输出三次呢? 1.首先onclick=function ...

  9. centos6.9 svn提交更新到网站根目录

    一.首先创建网站根目录 ~] # mkdir -pv /export/home/cms/www_dyrs ~] # svn co svn://127.0.0.1/svn1 /export/home/c ...

  10. 【python51--__name__属性】

    一.基础知识 1.__name__ == '__main__' 所有模块都有一个__name__属性,__name__的值取决于如何应用模块,在作为独立程序运行的时候,__name__属性的值是‘__ ...