自我感受：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>

 

 

html是什么 java html属于java语言吗_html是什么 java

 

 


1.2格式化标签

1.2.1<br/>  

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

 

                 

 

李白<br/><br/>
  床前明月光<br/>
  疑是地上霜<br/>
  举头望明月<br/>
低头思故乡<br/>

 

html是什么 java html属于java语言吗_html_02

 

 

 

 1.2.2<p></p>

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

 

静夜思

李白

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

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

 

html是什么 java html属于java语言吗_html_03

 

 

1.2.3<h1></h1>

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

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

 

<h1>静夜思</h1>
<h2>静夜思</h2>
<h3>静夜思</h3>
<h4>静夜思</h4>
<h5>静夜思</h5>
<h6>静夜思</h6>
<h7>静夜思</h7>

 

李白

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

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

 

html是什么 java html属于java语言吗_超链接_04

 

 

1.2.4 &nbsp;

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

 

  李             白

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

 

html是什么 java html属于java语言吗_html是什么 java_05

 

 

1.2.5 HTML注释

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

 

<!-静夜思->

 

李白

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

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

 

 

html是什么 java html属于java语言吗_HTML_06

 

 

2.图片标签

2.1 <img src=“”/>

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

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

width：图片宽度

height：图片的高度

 

图片路径的写法：

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

 

html是什么 java html属于java语言吗_html是什么 java_07

 

 

内网路径：

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

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

            ./是当前目录。

            从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>

 

html是什么 java html属于java语言吗_HTML_08

 

 

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

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

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

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

外网路径：http://地址

本页：默认跳转本页。

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

 

html是什么 java html属于java语言吗_html是什么 java_09

 

 

牛笔！！！