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. 小程序脚本语言WXS，你想要的都在这里了

    WXS脚本语言是 Weixin Script脚本的简称,是JS.JSON.WXML.WXSS之后又一大小程序内部文件类型.截至到目前小程序已经提供了5种文件类型. 解构小程序的几种方式,其中一种方式就 ...

  2. 垂直居中小记 line-height table vertical-align：middle

    垂直居中分两种情况:1.父元素高度确定的单行文本        2.以及父元素高度确定的多行文本. 1.垂直居中-父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line ...

  3. 封装bootstrap-treegrid组件

    封装bootstrap-treegrid组件   阅读目录 一.开源的treegrid 1.组件效果预览 2.组件开源地址 二.封装treegrid 1.组件封装的必要性 2.组件封装代码示例 3.封 ...

  4. 【★】RSA-什么是不对称加密算法？

    不对称加密算法RSA浅析 本文主要介绍不对称加密算法中最精炼的RSA算法.我们先说结论,也就是RSA算法怎么算,然后再讲为什么. 随便选取两个不同的大素数p和q,N=p*q,r=(p-1)*(q-1) ...

  5. 新CCIE笔记-IP网络基础

    南京捷式泰CCIE重修笔记:更完善更系统的全新笔记 新增内容: 总结.关联知识点.行业小建议 各种认证证书: RHCE VCP OCP MCSEPMP ITIL CCA CCIE CCNP CCNA ...

  6. 201521123032 《Java程序设计》第7周学习总结

    1. 本周学习总结 以你喜欢的方式(思维导图或其他)归纳总结集合相关内容. 2. 书面作业 ArrayList代码分析 1.1 解释ArrayList的contains源代码 在contains方法中 ...

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

    Java 第七周总结 1. 本周学习总结 2. 书面作业 1.ArrayList代码分析 1.1 解释ArrayList的contains源代码 public boolean contains(Obj ...

  8. 201521123114 《Java程序设计》第2周学习总结

    #1. 本周学习总结 1. 学会了使用码云管理代码,使用eclipse关联jdk源代码: 2. 学习了包管理机制,包的作用:主要是管理java文件,解决同名文件冲突; 3. ArrayList可以处理 ...

  9. 201521123090《Java程序设计》第1周学习总结

    1.学习总结 初步了解面对对象编程思想 使用eclipse关联git管理代码 简单了解java 2.书面作业 Q:为什么java程序可以跨平台运行?执行java程序的步骤是什么?(请用自己的语言书写) ...

  10. Java中Collections的min和max方法

    方法一 public static <T extends Object & Comparable<? super T>> T min(Collection<? e ...