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. 由于代码环境有dev test prod ,每次提交代码需要很多环境,shell脚本即可解决重复命令问题

    在项目外面写入push.sh 内容为 if [  $1!='' ] then    msg=$1; else    msg='bug'; fi   git add .  git commit -m $ ...

  2. GO语言学习笔记3-int与byte类型转换

    1.主机字节序 主机字节序模式有两种,大端数据模式和小端数据模式.在网络编程中应注意这两者的区别,以保证数据处理的正确性.例如,网络的数据是以大端数据模式进行交互,而我们的主机大多数以小端模式处理,如 ...

  3. CSS设置背景色

    最好用background-color:rgba(37,77,113,1); 因为用opacity会让所有自标签都改变

  4. AOP 相关包

    aop 命名空间,jar 扫路径

  5. postman添加测试

    我们有的时候可能需要登陆才能使用下面的接口 解决方案.在浏览器中找到cookie.然后放在postman中的Headers中

  6. 消息队列之--Kafak

    序言 消息丢失如何解决? 解耦 异步 并行 Docker安装Kafak 1.下载镜像 # zookeeper镜像 docker pull wurstmeister/zookeeper # kafka镜 ...

  7. Anaconda安装PyTorch

    Anaconda是一个Python语言管理器,支持安装基于Python的开发包,例如tensorflow.Pytorch等,以及各种基于Python的IDE. https://www.jb51.net ...

  8. Cannot connect to the Docker daemon. Is 'docker daemon' running on this host?

    if first time to install docker, be noted the docker engine started as root copied from: http://blog ...

  9. Android MQTT的发布与订阅

    一.MQTT介绍 链接1(菜鸟教程):https://www.runoob.com/w3cnote/mqtt-intro.html 连接2(MQTT中文网):http://mqtt.p2hp.com/ ...

  10. shell脚本之浮点数和整数计算

    整数计算 直接使用放括号计算即可,省去*号需要使用转义符的麻烦 #!/bin/bash num1= num2= var1=$[ $num1 * $num2 ] echo "$var1&quo ...