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. Spring事务管理（一）

    对于Spring相信很多做web开发的小活动一定不陌生,Spring中我们经常谈到的就是IOC和AOP,但是对于Spring的事务管理,相信大家一定也很感兴趣,今天我们就探讨一下Spring中的事务管 ...

  2. ant安装以及环境变量配置、验证

    (一)安装 ant 下载地址: http://ant.apache.org/     根据自己电脑下载对应版本 下载完成以后,可自行解压到自己常用的盘中,但是要记住解压到哪里了,以便后续的环境变量配置 ...

  3. 汽车VIN码识别适用于什么行业

    在您看完之前的文章知道了VIN码识别的原理,现在跟大家分享一下汽车VIN码识别的应用场景吧 汽车VIN码不仅在制造.销售.保养.保险.交易环节会需要录入汽车的VIN码,在交通事故处理中,作为汽车身份唯 ...

  4. python-分页代码

    page.py ''' django内使用方式: all_count = models.UserInfo.objects.all().count() # path_info 当前页的url # all ...

  5. 【★】Web精彩实战之

    JS精彩实战之<智能迷宫>      ---宝贵编程经验分享会--- hello大家好,这里是Web云课堂,之前的一年里我们经历了Html和CSS的系统攻城,此时的你们已经是做静态(动静结 ...

  6. 201521123113 《Java程序设计》第4周学习总结

    1.本周学习总结 1.1 尝试使用思维导图总结有关继承的知识点. 1.2 使用常规方法总结其他上课内容. 设计类的技巧:类名和方法名要能够体现他们的职责,类名首字母要大写 如何识别一个类 方法.属性的 ...

  7. 预防黑客入侵 防黑必学的cmd命令vs网络安全

    这些命令又可*********三类:网络检测(如ping).网络连接(如telnet)和网络配置(如netsh).前面两种相对简单,本文只介绍两个网络配置工具.自带的关于网络的命令行工具很多,比如大家 ...

  8. Emacs操作指南

  9. ssl协议以及生成

    一.https协议https是一安全为目标的httpt通道,简单讲师http的安全版.即http下加入ssl层,https的安全基础是ssl,因此加密的详细内容就需要ssl.http和https的区别 ...

  10. 全面了解Android热修复技术

    WeTest 导读 本文探讨了Android热修复技术的发展脉络,现状及其未来. 热修复技术概述 热修复技术在近年来飞速发展,尤其是在InstantRun方案推出之后,各种热修复技术竞相涌现.国内大部 ...