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. ES6---new Promise()讲解（尤其注意里面的参数resolve、reject）

    直接打印出来看看吧,console.dir(Promise). 这么一看就明白了,Promise是一个构造函数,自己身上有all.reject.resolve这几个眼熟的方法,原型上有then.cat ...

  2. 【crontab】误删crontab及其恢复

    中秋节快到了,首先祝自己中秋快乐. 昨天下午六点,心里正想着加完一个crontab就可以下班了.本来想执行 crontab -e的,没想到手一抖就输入了crontab ,然后就进入了下面这个样子.

  3. python+selenium封装UI自动化框架

    seleinum框架 框架的思想:  解决我们测试过程中的问题:大量的重复步骤,用自动化来实现    1)配置和程序的分离    2)测试数据和程序的分离    3)不懂编程的人员可以方便使用:使用的 ...

  4. linux安装配置Redis,Swoole扩展

    我是使用的是lnmp环境(php5.6.3) 一.安装redis数据库(参考w3c手册) 下载地址:http://redis.io/download 本教程使用的最新文档版本为 2.8.17,下载并安 ...

  5. 实战build-react（四）一个模块的进化过程

    主框架结构 home/index.js    //模块主文件 创建Topic模块 阶段一  基础代码 import React, { Component } from 'react'; import ...

  6. （53）LINUX应用编程和网络编程之八Linux网络基础

    3.8.1.网络通信概述 3.8.1.1.从进程间通信说起:网络域套接字socket,网络通信其实就是位于网络中不同主机上面的2个进程之间的通信. 3.8.1.2.网络通信的层次 (1)硬件部分:网卡 ...

  7. drwxr-xr-x是啥意思

    这里先说一下drwxr-xr-x是啥意思: 第一位表示文件类型.d是目录文件,l是链接文件,-是普通文件,p是管道 第2-4位表示这个文件的属主拥有的权限,r是读,w是写,x是执行. 第5-7位表示和 ...

  8. [spring jpa] 解决SimpleJpaRepository的多数据源配置问题

    前言 前段时间使用spring jpa做了一个项目,由于涉及到了多个数据库,因此需要进行多数据源的配置.网上找了很多的资料,尝试着配置,都以失败告终.之后通过断点最终完成了多数据源的配置.这篇博客主要 ...

  9. 通过构造器配置Bean

    public class Role { private Log id; private String roleName; private String note; public Role(String ...

  10. Oracle与MySQL的概念区别

    MySQL MySQL是一个以用户为中心的概念,一个用户下,拥有多个数据库,一个数据库下拥有多个数据库表!然而Oracle与MySQL有很大的不同!! Oracle Oracle中,一个数据库拥有多个 ...