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. Eloquent JavaScript #07# Project: A Robot

    索引 Notes Excercise Measuring a robot Robot efficiency Persistent group 注释即笔记: const roads = [ " ...

  2. EDK II之USB协议栈的实现简介

    本文旨在简单介绍一下 UEFI中USB协议栈的代码框架: 主要包括: USB主控制器驱动(HCDI:EFI_USB2_HC_PROTOCOL) USB总线驱动(USBDI:EFI_USB_IO_PRO ...

  3. Linux三剑客grep、sed、awk

    grep grep file grep -i file grep -v file

  4. P2473 [SCOI2008]奖励关（期望）

    P2473 [SCOI2008]奖励关 $n<=15$,显然的状压 设$f[i][w]$表示前$i$轮,状态$w$的最大期望 蓝后我们发现一个问题:$f[i][w]$可能是非法的 于是我们从$f ...

  5. PostgreSQL 10首个测试版本发布

    mysql 从5.7到8.0,pg从9.6到10,干起来了.. PostgreSQL 10 的首个测试版发布了,此版本包含 PostgreSQL 10 最终将提供的所有功能的预览.当然,有些细节将在最 ...

  6. metasploit(MSF)对windows的ms17-010漏洞利用

    picture 配置exploit msf > use exploit/windows/smb/ms17_010_eternalblue msf exploit(windows/smb/ms17 ...

  7. Codeforces 841D Leha and another game about graph - 差分

    Leha plays a computer game, where is on each level is given a connected graph with n vertices and m  ...

  8. 【Python025-字典】

    一.字典 1.创建和访问字典(字典是大括号表示,字典是映射类型) 语法类型:键:key,值:value,用冒号隔开 --- >>> dict1 = {'李宁':'一切皆有可能','耐 ...

  9. topcoder srm 335 div1

    problem1 link 直接模拟即可. import java.util.*; import java.math.*; import static java.lang.Math.*; public ...

  10. matlab练习程序（k-means聚类）

    聚类算法,不是分类算法. 分类算法是给一个数据,然后判断这个数据属于已分好的类中的具体哪一类. 聚类算法是给一大堆原始数据,然后通过算法将其中具有相似特征的数据聚为一类. 这里的k-means聚类,是 ...