Html:载体      CSS:样式   JavaScript：特效

html:

1. <html></html>称为根标签，所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。

3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

<title>标签的内容会在浏览器中的标题栏上显示出来；

<p>标签：段落标签，默认会空出一行；

<hx>标签：标题标签，分6级；字体都会加粗；

注释格式：<!--注释文字 -->；

<em>、<strong>标签：强调标签，<em>斜体强调，<strong>加粗强调；

<span>标签：通过设置单独的样式后调用使用；样式的设置是：span{xxxxxxxx}；

<q>标签：引用标签，效果类似双引号，语义是：引用别人的话;短引用

<blockquote>标签：引用标签，长文本引用，效果会两边出现缩进

<br/>：空标签，折行标签；即换行效果；

&nbsp;:空格效果；html文本是没有空格和回车效果显示的，需要用&nbsp;和<br/>来代替；

<hr/>:空标签，横线效果

<address>标签：地址信息标签，效果会使标注内容独处一行且为斜体

<code>标签：代码标签，用于改变代码语言的样式，只适用于单行代码，多行代码使用<pre>标签

<pre>标签:预格式化文本，被pre标签下的文本会保存空格和换行符

<ul><li>标签：列表标签，<li>标签会将其内容前自带一个圆点；<ul>更像是一种声明

<ol><li>标签：列表标签，<li>标签前会自带一个序号，用于排列

<dir>标签：将网页划分为独立的版块，更像是网页里一个独立的容器分离开来；dir标签里可以有id来作为属性用来于区别不同的div版块

table标签：包含<table><tr><th><td>和<tbody>元素；<tbody>包含的行可以边加载边显示，要不然表格得等加载完后才显示；tr：行；<th>：表格表头；<td>：单元格，一行有多少个<td>则表示有多少列；

<caption>标签：表格标题标签；

<table summary="表格简介文本">：为表格增加摘要

<a>：实现链接；href属性：链接网址；title属性：鼠标滑过时显示的文本；target=“_blank”属性：链接的网页在新的浏览器窗口显示；

<a>标签的链接Email地址属性：

<img>标签：插入图片；src属性：图片来源；alt属性：下载失败时的提示文本；title属性：提示文本，鼠标滑过图片时的描述；

<form>标签：表单标签，与用户交互；语法：<form method="传送方式" action="服务器文件">；

<input type="text/password" name="名称" value="文本" />:输入文本框；type：文本框类型：文本/数字；name：文本框名字，便于识别调用；value：文本框默认值；

<textarea rows="行数" cols="列数">文本</textarea>：文本输入域，这里的文本是文本域中一开始默认的文本；

<input type="radio/checkbox" value="值" name="名称" checked="checked"/>；单选框、复选框；表现出来就只是 一个选择圆点；radio：单选；checkbox：复选；value：上传的值；name：单选框的名字；check：将该选项默认为默认选项；注意，单选框中的名字name都要是一样的；

<select><option value='提交值' selected = "selected">显示的值</option><option>....</option>....</select>：下拉列表;当option标签有selected = "selected"属性，则表示该选项是默认选项；

在<select>标签中增加multiple="multiple"属性，则表示该下拉列表可以进行多项复选，通过ctrl＋鼠标单击即可；

<input type="submit" value="提交" />：提交按钮，type必需设置为”submit”，这样才有提交作用，value属性为设置按钮上显示的字；

<input type="reset" value = "重置" />:重置按钮，各个属性和提交按钮差别不大；

<lable>标签；当鼠标点击table标签内的文本时，会自动触发相对应的控件；

<lable for="">xxx</lable>：这里for里填的就是对应控件的id；

java基础笔记（10）的更多相关文章

  1. Java基础笔记10

    类的设计分析: 1.根据需求抽取属性.(名词几乎都是属性) 2.属性私有化(private) 3.生成setter和getter方法 4.可以根据需要添加构造函数. 5.根据需求抽取其他方法.(动词几 ...

  2. Java基础笔记 – Annotation注解的介绍和使用 自定义注解

    Java基础笔记 – Annotation注解的介绍和使用 自定义注解 本文由arthinking发表于5年前 | Java基础 | 评论数 7 |  被围观 25,969 views+ 1.Anno ...

  3. 【转】Java基础笔记 – 枚举类型的使用介绍和静态导入--不错

    原文网址:http://www.itzhai.com/java-based-notes-introduction-and-use-of-an-enumeration-type-static-impor ...

  4. JAVA自学笔记10

    JAVA自学笔记10 1.形式参数与返回值 1)类名作为形式参数(基本类型.引用类型) 作形参必须是类的对象 2)抽象类名作形参 需要该抽象类的子类对象,通过多态实现 3)接口名为形参 需要的是该接口 ...

  5. JAVA基础（10）——IO、NIO

    转载:http://blog.csdn.net/weitry/article/details/52964948 JAVA基础系列规划: JAVA基础(1)——基本概念 JAVA基础(2)——数据类型 ...

  6. 黑马程序员----java基础笔记上（毕向东）

    ------Java培训.Android培训.iOS培训..Net培训.期待与您交流! ------- 笔记一共记录了毕向东的java基础的25天课程,分上.中.下 本片为上篇,涵盖前10天课程 1. ...

  7. 黑马程序员----java基础笔记中（毕向东）

    <p>------<a href="http://www.itheima.com" target="blank">Java培训.Andr ...

  8. 夯实Java基础系列10：深入理解Java中的异常体系

    目录 为什么要使用异常 异常基本定义 异常体系 初识异常 异常和错误 异常的处理方式 "不负责任"的throws 纠结的finally throw : JRE也使用的关键字 异常调 ...

  9. Java基础笔记05-06-07-08

    五.今日内容介绍 1.方法基础知识 2.方法高级内容 3.方法案例 01方法的概述 * A: 为什么要有方法 * 提高代码的复用性 * B: 什么是方法 * 完成特定功能的代码块. 02方法的定义格式 ...

  10. Java基础笔记1

    java (开源,跨操作系统)j2ee jre java基础 javaoop java高级 JDK(JAVA developer Kitool): java开发工具 (开发人员使用) JRE(java ...

随机推荐

  1. NOIP2016提高A组模拟中秋节9.15总结

    这套题不算难但是比赛上萎掉了. 第一题数论, 当找到一个合适的数就直接处理答案,再用筛法将处理过的删掉. 比赛上没想到筛法,只拿了70分. 第二题二分答案,然后验证合法性就可以. 但是由于不能二分小数 ...

  2. kafka消费者示范代码（Java）

    1.将kafka里lib目录下(除jar包外还有别的东西)所有的jar包导入工程中. 2.代码 public static void main(String[] args) { //声明连接属性 Pr ...

  3. 多module project修改module名称

    1.mvn clean 2.project 去掉这个module 3.全局替换所有pom.xml文件的老module名为新module名 4.修改源代码文件夹目录名为新的module名 5.proje ...

  4. BZOJ1460: Pku2114 Boatherds

    题目链接:点这里 题目描述:给你一棵n个点的带权有根树,有p个询问,每次询问树中是否存在一条长度为Len的路径,如果是,输出Yes否输出No. 数据范围:\(n\le1e5\,,p\le100\,,长 ...

  5. 人脸三维建模A Morphable Model For The Synthesis Of 3D Faces（三维人脸合成的变形模型）

    Abstract摘要 In this paper, a new technique for modeling textured 3D faces is introduced. 3D faces can ...

  6. linux 文本文件显示行数

    一般的我们在使用linux编辑器编辑文本文件的时候是不会像其他编程软件一样显示行数 临时方法: 在命令模式下输入:set nu或者:set number都可以为vi设置行号,如果要取消的话,则输入:s ...

  7. Vue 中 使用v-show

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  8. ACM ICPC 2011-2012 Northeastern European Regional Contest（NEERC）E Eve

    E: 模拟题,一开始有n个人(有男有女),对于子女来说线粒体DNA是继承母亲的.然后有m个操作(按时间顺序),一种就是给了父亲,母亲的ID,生了一个孩子(编号从n+1开始往下):还有一个就是 -x , ...

  9. Linux下用jar命令更新jar包文件

    jar -uvf SDK_Web_ChartReport.war  view/global/header.jsp echo '样式文件替换进包中'   查看jar包中的文件: jar -tvf SDK ...

  10. Jmeter 设置连接oracle数据库

    一.添加需要数据库驱动jar包 方式1:直接将jar包复制到jmeter的lib目录,或lib/ext目录:(亲测两个目录都可以使用) 方式2:使用jmeter的Test Plan引入相应的jar包: ...