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. javascript中用setAttribute给元素添加colspan属性无效

    先附上代码 var tr=document.createElement('TR'); var td=document.createElement('TD'); td.setAttribute('col ...

  2. 2017 ACM/ICPC Asia Regional Shenyang Online spfa+最长路

    transaction transaction transaction Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 132768/1 ...

  3. 转：【Java集合源码剖析】LinkedList源码剖析

    转载请注明出处:http://blog.csdn.net/ns_code/article/details/35787253   您好,我正在参加CSDN博文大赛,如果您喜欢我的文章,希望您能帮我投一票 ...

  4. 使用 LVS 实现负载均衡原理及安装配置详解

    负载均衡集群是 load balance 集群的简写,翻译成中文就是负载均衡集群.常用的负载均衡开源软件有nginx.lvs.haproxy,商业的硬件负载均衡设备F5.Netscale.这里主要是学 ...

  5. 四则运算题目生成程序（基于控制台）（Bug修改）

    针对上个程序中出现的bug进行修改 https://git.coding.net/cx873230936/calculator.git Bug: 1.控制台输入问题数问题 a.不能处理用户输入负数. ...

  6. 201521123091 《Java程序设计》第14周学习总结

    Java 第十四周总结 第十四周的作业. 目录 1.本章学习总结 2.Java Q&A 3.码云上代码提交记录及PTA实验总结 4.课后阅读 1.本章学习总结 以你喜欢的方式(思维导图或其他) ...

  7. JAVA课程设计-----加减法测试博客

    1.团队成员介绍(一个人做的) 谢季努:网络1513 201521123079 2.项目git地址 3.项目git提交截图 4.项目运行截图 输入答案后点击确认就会出现本次的得分 如果觉得成绩不理想点 ...

  8. ACM退役记&&回忆录

    ACM退役记 2017.9.19星期二,"九一八事变"八十六年后的第二天,永远记住这个日子,刚好是我报名ACM到现在,刚好满一年,而今天正是我注册杭州电子科技大学OJ的时间(就是这 ...

  9. java.lang.IllegalArgumentException: Result Maps collection already contains value for

    如果在SSM整合的时候出现以下的错误: 留意一下是不是既在Mybatis配置文件中加载了映射文件,又在Spring配置文件中使用扫描式去加载映射文件了.两者是不能够重合使用的! Caused by: ...

  10. Es6 Promise 用法详解

     Promise是什么??    打印出来看看  console.dir(Promise) 这么一看就明白了,Promise是一个构造函数,自己身上有all.reject.resolve这几个眼熟的方 ...