自我感受：HTML语言没想到也有这么大的学问，竟然能通过超链接标签直接访问百度，这可让我大吃一惊，我也得反思一下自己，上学期的java纯是混过来的，没有系统的学习过，感觉能通过期末考试都是侥幸，接下来要加油了！奥利给

学习笔记：

1.HTML：（Hyper Text Markup language）超文本标记语言。

超文本：超越了文本仅仅展示信息的功能，泛指：图片、有样式的文字、点击跳转页面的文字。

语言：工具。

标记：标签。

HTML是由标签所组成的语言，能在页面上展示超文本效果。

2.HTML的入门案例。

Demo1.html

3.HTML的语言特征。

<html>

<head>

<title>我是标题</title>

</head>

<body>

需要展示给用户看的信息。

</body>

</html>

HTML的文件扩展名为html或者htm。htm是老的命名规范。

HTML文件由浏览器直接解析完成，无需编译，由上到下依次解析执行。

HTML标签通常由开始标签和结束标签组成，开始标签和结束标签之间的内容叫做内容体。单个标签无内容体的叫做空标签。

HTML标签不区分大小写，为了方便阅读，建议使用小写。

HTML标签是有属性的，格式为：   属性名=“属性值”，属性值用引号引起。引号包含单引号和双引号。

HTML标签建议包裹嵌套，不建议交叉嵌套。

HTML的基本标签

1.字体标签和格式化标签

1.1字体标签：用于展示效果中修饰文字样式

<font 属性值=“属性值”>文字</font>

size:控制字体大小，最小1-最大7。

color：控制字体颜色，只能用英文设置。

face：控制字体类型，必须是系统字库中有的字体类型。

<font color="blue" size="5" face="楷体"> 今天天气好晴朗</font>

 

 

1.2格式化标签

1.2.1<br/>

html源码中换行，浏览器解析时自动忽略。换行标签，用于展示效果中的换行。一个<br/>就是换一行。

李白<br/><br/>

床前明月光<br/>

疑是地上霜<br/>

举头望明月<br/>

低头思故乡<br/>

 1.2.2<p></p>

  段落标签，用于展示效果中划分段落，并且再段前和段后自动加空行align:段落内容的对其方式，默认是left 内容居左 right 内容居右 center 内容居中。

静夜思

李白

<p align="center">床前明月光，疑是地上霜。</p>

举头望明月，低头思故乡。

1.2.3<h1></h1>

标题标签，用于展示效果中划分标题

其中<h1>最大，<h6>最小。

<h1>静夜思</h1>

<h2>静夜思</h2>

<h3>静夜思</h3>

<h4>静夜思</h4>

<h5>静夜思</h5>

<h6>静夜思</h6>

<h7>静夜思</h7>

李白

床前明月光，疑是地上霜。

举头望明月，低头思故乡。

1.2.4 &nbsp;

HTML源码中的多个空格，效果最终会合并成一个。空格符号，用于展示效果中显示一个空白的位置。

李             白

李&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;白

1.2.5 HTML注释

用于注释HTML源码，不在HTML效果中展示。格式：<!-注释内容->

<!-静夜思->

李白

床前明月光，疑是地上霜。

举头望明月，低头思故乡。

2.图片标签

2.1 <img src=“”/>

用于展示图片效果中展示一张图片。

src:指明图片的路径（必有属性）

width：图片宽度

height：图片的高度

图片路径的写法：

使用eclipse的话，将图片粘贴到webcontent，然后双击图片，获取路径，填入src后边引号内。

 

内网路径：

绝对路径：图片在硬盘上的具体路径。

相对路径：../是上一层目录。

./是当前目录。

从HTML的目录出发。未写完

互联网路径：<img src=“http://网址/图片” />

width height的默认单位是px,像素。例如“width=400”  其实设置的是width=“400px”。

也可以进行百分比设置 例如width=“50%”百分比是父标签的百分比。如果是<body></body>下的就是所有空白表示区域的50%，会根据窗口大小而改变，是动态的，而像素不会。

3.列表标签

3.1无序列表 <ul></ul>

无序列表标签，用于在效果中定义一个无序列表。

3.2有序列表 <ol></ol>

有序列表标签，用于在效果中定义一个有序列表。

3.3列表条目<li></li>

列表条目标签，用于在效果中定义一个列表的条目。

<ul>

<li>手机数码</li>

<li>电脑办公</li>

<li>家居饰品</li>

</ul>

<ol>

<li>手机数码</li>

<li>电脑办公</li>

<li>家居饰品</li>

</ol>

4.超链接标签<a></a>

超链接标签：用于效果中定义一个可以点击跳转的链接。

href:超链接中跳转的路径（必有属性）

本机路径：相对路径和绝对路径

外网路径：http://地址

本页：默认跳转本页。

<a href=“”></a>

<a href="http://www.baidu.com">百度</a>

牛笔！！！

系统学习javaweb1----HTML语言1的更多相关文章

  1. 系统学习 javaweb2----HTML语言2

    感想:学习javaweb之路,任重而道远. 学习笔记: 5.表格标签 5.1<table></table> 表格标签,用于效果中定义一个表格 5.2<tr>< ...

  2. MES系统学习

    MES系统是当今制造型企业信息化的热点,而统一建模语言UML是面向对象建模的标准语言,在软件工程发挥着重要作用.MES系统如何进行UML建模呢,今天和大家重点讨论一下MES系统的UML建模方法,请看本 ...

  3. 值得学习的C语言开源项目

    值得学习的C语言开源项目   - 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工 ...

  4. 001 今天开始系统学习C#

    2016-01-16 之前只是大概了解过c#语言,感觉掌握不牢靠.现在开始系统学习C#.现以该博客作为学习笔记,方便后续查看.C# 目标:系统掌握c#知识 时间:30天 范围:C#基础,Winform ...

  5. Linux系统学习笔记：文件I/O

    Linux支持C语言中的标准I/O函数,同时它还提供了一套SUS标准的I/O库函数.和标准I/O不同,UNIX的I/O函数是不带缓冲的,即每个读写都调用内核中的一个系统调用.本篇总结UNIX的I/O并 ...

  6. IOS学习笔记06---C语言函数

    IOS学习笔记06---C语言函数 --------------------------------------------  qq交流群:创梦技术交流群:251572072              ...

  7. Hibernate的系统 学习

    Hibernate的系统 学习 一.Hibernate的介绍 1.什么是Hibernate? 首先,hibernate是数据持久层的一个轻量级框架.数据持久层的框架有很多比如:iBATIS,myBat ...

  8. ios开发学习笔记001-C语言基础知识

    先来学习一下C语言基础知识,总结如下: 在xcode下编写代码. 1.编写代码 2.编译:cc –c 文件名.c 编译成功会生成一个 .o的目标文件 3.链接:把目标文件.o和系统自带的库合并在一起, ...

  9. 【C/C++开发】值得学习的C语言开源项目

    值得学习的C语言开源项目 - 1. Webbench Webbench是一个在Linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的 ...

  10. ndk学习之C语言基础复习----虚拟内存布局与malloc申请

    在这一次中来学习一下C语言的内存布局,了解它之后就可以解释为啥在用malloc()申请的内存之后需要用memset()来对内存进行一下初始化了,首先来了解一下物理内存与虚拟内存: 物理内存:通过物理内 ...

随机推荐

  1. Z0J 3772 Calculate the Function 线段树+矩阵

    http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=5235 这种题目居然没想到,一开始往矩阵快速幂想去了,因为之前跪了太多矩阵快速幂 ...

  2. ArrayList扩容原理分析

    1:代码解读和分析 1.1:构造方法分析 1: public ArrayList(int initialCapacity) { ) { this.elementData = new Object[in ...

  3. 题解 P4781 【【模板】拉格朗日插值】

    题目 本蒟蒻看到一道数学题,就顺手切了.感觉单单对这一题而言,部分评论区的大佬过于复杂了 [分析] 先讲讲拉格朗日插值法: 对于给定的 \((n+1)\) 个点,我们可以确定唯一的一个 至多\(n\) ...

  4. HDU 2094产生冠军(set思维题)

    Problem Description 有一群人,打乒乓球比赛,两两捉对撕杀,每两个人之间最多打一场比赛.球赛的规则如下:如果A打败了B,B又打败了C,而A与C之间没有进行过比赛,那么就认定,A一定能 ...

  5. javaweb03 javaservlet基础一

    1.使用JavaEE版的eclipse开发动态的WEB工程(JavaWEB 项目)1).把开发选项切换到JavaEE2).可以在window -> Show View 中找到Package Ex ...

  6. javaweb01

    Java web应用由一组servlet.HTML页,类,以及它可以被绑定的资源构成,它可以在各种供应商提供的实现servlet规范容器中运行javaweb包括这些:Servlet jsp 实用类 静 ...

  7. 吴裕雄--天生自然 PHP开发学习：MySQL 预处理语句

    <?php $servername = "localhost"; $username = "root"; $password = "admin& ...

  8. PAT Basic 1017 A除以B (20) [数学问题-⼤整数运算]

    题目 本题要求计算A/B,其中A是不超过1000位的正整数,B是1位正整数.你需要输出商数Q和余数R,使得A = B * Q + R成⽴. 输⼊格式: 输⼊在1⾏中依次给出A和B,中间以1空格分隔. ...

  9. 寒假day05-spring框架

    1.回顾事务 l 事务:一组业务操作ABCD,要么全部成功,要么全部不成功. l 特性:ACID 原子性:整体 一致性:完成 隔离性:并发 持久性:结果 l 隔离问题: 脏读:一个事务读到另一个事务没 ...

  10. 【hdu6613】Squrirrel 树形DP

    题意:给一个带权树,求把一条边的权值变成0,再选一个点做根,最大深度最小是多少. \(\sum n \le 10^6\) key:树形DP 题里有边权小于等于200,然而并没有什么用. 首先做出 \( ...