HTML (Hyper Text Markup Language)：

HTML就是超文本标记语言的简写，是最基础的网页语言

HTML的版本：

2.0（IETF）

3.0（W3C）

4.01（W3C）

5.0（W3C）IETF： Internet Engineering Task Force

 

W3C：World Wide Web Consortium

HTML的特点：是通过标签来定义的语言，

代码都是由标签所组成，代码不用区分大小写由<html>开始，</html>结束

由头部分<head></head>和体部分<body></body>两部分组成

 

头部分是给HTML页面增加一些辅助或者属性信息，它里面的内容会最先加载body体部分是真正存放页面数据的地方

1.字体标签：<font>

2.标题标签<h1><h2><....h6>

&lt;

<

&gt;

>

&quot;

"

&reg;

®

&copy;

©

&trade;

™

&nbsp;

空格

标签：<dl>列表、<dt>标题、<dd>列表项

数字标签：

        <ol>列表、<li>列表项

        type属性更改项目符号（a A 1 i I）

符号标签：

        <ul>列表、<li>列表项

        type属性更改项目符号（circle、disc、square）

图像标签<img>： <img src="1.jpg" align="right" border="3" alt="图片说明文字" />

     

        src: 图片路径

        align: 对齐方式

        border: 边框粗细

        <img src="Sunset.jpg"   alt="图片说明文字"    usemap="#Map" />

        <map name=”Map”>

        <area shape="rect" coords="50,59,116,104" href="1.html" />

        <area shape="circle" coords="118,203,40" href="2.html" />

        </map>

链接标签<a>：

<a href="http://www.itheima.com" target="_blank">黑马程序员</a>

        href：要链接的地址

        target：显示位置



 

       <a name="mark" />

              在页面的某个位置做出标记

       <a href="#mark">跳转到标记</a>

      点击链接跳转到标记位置

框架集合标签<frameset>：

        <frameset>中可以放入多个<frame>框架，把页面分成几个部分

        <frameset>不能放在body中

<frameset rows="20%,*">

        <frame src="1.html" name="top" />

        <frameset cols="20%,*">

                  <frame src="2.html" name="left" />

                  <frame src="3.html" name="right" />

        </frameset>

</frameset>

rows：框架集合每行的高度

cols：框架集合每列的宽度

src：框架中显示的页面

name：框架的名字，可用做超链接的target 表单标签<form>：

        内部可以包含文本框、单选、多选、下拉列表等表单项

        可以把用户在页面中的输入和选择提交到一个地址

        常用属性：

         action：提交地址

         method：提交方式

<form action="http://www.itheima.com/LoginSetvlet" method="get">

        <input type="text" name="username">

        <input type="password" name="password">

        </form>

        输入项<input>：

        通过指定type属性可以定义不同的输入项：

        text：普通文本框

        password：密码框

        radio：单选按钮

        checkbox：多选按钮

        file：文件

        hidden：隐藏字段

        submit：文本提交按钮

        image： 图片提交按钮

        reset：重置按钮

        button：普通按钮

下拉列表<select>

         默认为单选，multipe属性指定是否为多选

         size属性指定显示个数

         内部用<option>标签指定其中选项

文本域<textarea>

        rows属性指定行数

        cols属性指定列数

标签<label>

        可以用来方便点击或者设置快捷键

        <label><input type="radio"> 男</label>

        <label for="user" accesskey="u">用户名(u)</label>

        <input type="text" id="user" />

定义方式：

style属性：

        直接在HTML标签的style属性中定义，例如：

        <div style="color: red;">DIV中的文本</div>

style标签：

        在<head>标签中加入<style>标签，例如：

        <head>

 <style type="text/css">

         div { color: red; }

 </style>

        </head>

import：

        将CSS代码定义在一个文件中，在<style>标签中引入，已不推荐使用

        <style>

 @import url(theme.css);

        </style>

link：

        将CSS代码定义在一个文件中，使用<link>标签引入

        <link rel="stylesheet" type="text/css" href="theme.css"

Java web 学习笔记 Html CSS 小节的更多相关文章

  1. Java Web 学习笔记 1

    Java Web 学习笔记 1 一.Web开发基础 1-1 Java Web 应用开发概述 1.1.1 C/S C/S(Client/Server)服务器通常采用高性能的PC机或工作站,并采用大型数据 ...

  2. [原创]java WEB学习笔记95：Hibernate 目录

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  3. [原创]java WEB学习笔记75：Struts2 学习之路-- 总结 和 目录

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  4. [原创]java WEB学习笔记66：Struts2 学习之路--Struts的CRUD操作( 查看 / 删除/ 添加) 使用 paramsPrepareParamsStack 重构代码 ，PrepareInterceptor拦截器，paramsPrepareParamsStack 拦截器栈

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  5. java web 学习笔记 编码问题总结

       java web 学习笔记 编码问题总结 1.非form表单中提交的中文参数---------------------------传递给Servlet服务器时,默认以iso-8859-1解码 ...

  6. [原创]java WEB学习笔记11：HttpServlet（HttpServletRequest HttpServletRsponse） 以及关于 Servlet 小结

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  7. Java Web学习笔记之---EL和JSTL

    Java Web学习笔记之---EL和JSTL (一)EL (1)EL作用 Expression  Language(表达式语言),目的是代替JSP页面中复杂的代码 (2)EL表达式 ${变量名} ( ...

  8. Java Web学习笔记之---JSP

    Java Web学习笔记之---JSP (一)JSP常用语法 (1)HTML注释 <!--所要注释的内容 --> 在客户端显示一个注释. (2)隐藏注释 <%--所要注释的内容--% ...

  9. JAVA Web学习笔记

    JAVA Web学习笔记 1.JSP (java服务器页面) 锁定 本词条由“科普中国”百科科学词条编写与应用工作项目 审核 . JSP全名为Java Server Pages,中文名叫java服务器 ...

随机推荐

  1. Windows系统安装Azure CLI

    本文将介绍在Windos系统下如下安装CLI 1.打开Azure官方链接:https://www.azure.cn/downloads/ 2.按照向导进行安装 3.打开Windows Powershe ...

  2. MySQL的JOIN（四）：JOIN优化实践之快速匹配

    这篇博文讲述如何优化扫描速度.我们通过MySQL的JOIN(二):JOIN原理得知了两张表的JOIN操作就是不断从驱动表中取出记录,然后查找出被驱动表中与之匹配的记录并连接.这个过程的实质就是查询操作 ...

  3. CCIE-MPLS VPN-实验手册（下卷）

    10:跨域的MPLS VPN (Option A) 10.1 实验拓扑 10.1 实验需求 a.       R1 R2 R3 组成P-NETWORK R1 R2 R3 位于AS 1,底层协议采用EI ...

  4. 关于selenium IDE找不到元素

    selenium IDE ,明明存在元素,却找不到元素 ,报错Element not found 标签: seleniumselenium IDE自动化测试ide 2016-10-31 13:25 1 ...

  5. 团队作业4----第一次项目冲刺（Alpha版本）4.29

    a.站立式会议照片 会议内容: 会议讨论有一些内容要放在beta版本,所以燃尽图可能有些未完成.初级阶段我们只打算先写java代码的统计和显示.这是最基本的任务.在繁忙的任务中,不需要全部按照燃尽图. ...

  6. Sudoku Generator

    Sudoku 算法 标签(空格分隔): 软工实践 设想:通过第一行,来生成2, 3行的排列,再通过1 - 3 生成4 - 6排列. 2 3 行的生成由上一行生成 公式为$grid[i][j] = gr ...

  7. 201521123052《Java程序设计》第3周学习总结

    1. 本周学习总结 2. 书面作业 1.代码阅读 public class Test1 { private int i = 1;//这行不能修改 private static int j = 2; p ...

  8. 2017年AR大会上海站干货分享

    怀着即兴奋又激动的心情,踏上了第二次去上海的高铁,全长约1400公里行驶6小时15分钟,不算漫长的6个多小时里,对于不长出差的我来说,可谓是一种煎熬,再加上晕车的毛病,在去高铁的路上已经渐渐发作,但好 ...

  9. JavaEE error整理（不断更新）

    该文章用于整理开发中遇到的一些错误,及解决方法,不断整理更新. 1. 缺包异常 异常1:java.lang.NoClassDefFoundError: org/apache/commons/loggi ...

  10. find命令基础讲解

    目录 前言 find命令 查找条件 指定搜索层级 根据文件名和inode查找 根据属名属主查找 根据文件类型查找 组合条件 根据文件大小查找 根据时间戳查找 根据权限查找 动作处理 参数替换xargs ...