(1)javaweb之HTML

1、HTML的概述及作用: 

HTML全称为HyperText Markup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式。比如字体什么颜色,大小等。
    Html就是超文本标记语言的简写,是最基础的网页语言。

    Html是通过标签来定义的语言,代码都是由标签所组成。

2、HTML的基本格式:

<html>
    <head>
    放置一些属性信息或者辅助性的信息
        <title></title>
    引入外部的文件
    会先加载
    </head>
    <body>
    真正存放数据内容的地方
    其他的标签
    </body>
</html>

head:头标记,放置关于此html文件的信息,如提供索引,定义css等。
  title:标题标记,包含在head标记内,它的作用是设定网页的标题。
  body:主体标记,网页所需要显示的内容都放在这个标记内。

3、HTML的注意事项:

  1.一般的标签都有开始和结束,如果只有单一的功能,可以在标签内部结束。
  2.改变属性,达到好的显示效果
  3.属性值可以使用双引号,单引号,或者不用引号,一般采用双引号,或者根据公司的规范。

4、HTML的标签

1.排版标签

1)换行标签 <br/> (用的比较少)

(2)水平线 <hr/>

(3)空格:&nbsp; 

(4)段落标签(用的相对较多)<p></p>

        <div></div>
    <span></span> 

2.字体标签
(1)<font></font>(重要的)

3.标题的标签(用的比较少)
h1></h1>...

4.图片标签(重要*****)
5.超链接的标签(重要*****)

<a>文本内容</a>

属性:href="指定链接的资源的地址"
    注意:如果链接网络资源,需要协议写上。如果没有协议,默认file文件协议。
    注意:如果浏览器可以解析的文件,直接就打开了。
       如果浏览器不可以解析的文件,弹出下载窗口。
    自定义的协议
    如果浏览器解析不了的协议,会找操作系统上的应用程序。

点击超链接浏览器做的事情:
    1)启动相对应的协议引擎。
    2)解析协议后面的具体内容。
    3)如果跟的是一个主机地址。先查找本机hosts文件列表。是否可以找到该主机对应ip。
       如果没有找到,会找本机指定的后者本机默认的DNS服务器。去解析该主机。
    4)获取到该ip后,在连接该指定ip的主机,并获取所需的资源。
 

 6.表格标签(*****)

(1)

<table>

<tr>:代表表格的行
      属性:align:文字的对齐方式

      <td>:单元格
        属性:width:宽度
           height:高度

           单位为像素,也可以是百分比。
        合并单元格:
          行合并:rowspan="2"
          列合并:colspan="2"
      </td>

</tr>

 </table>
7.表单标签(重要**********)

(1)<form>:封装表单的范围。
  属性: action="请求提交的路径" 如果没有定义action属性,那么默认提交到当前页面
      method="表单的提交方式"
    * 面试题:表单的提交方式有哪些?
    * 答:表单的提交方式有很多,常用的有两种,get和post。
       get和post提交方式的区别:
        get方式提交时,会把数据显示在地址栏上。
        post方式不会。

        get方式提交时,安全级别较低。
        post方式安全级别较高。

        get方式提交时,数据大小有限制。
        post方式不会。

    综上所述:以后在进行表单 提交时:建议使用post提交。

(2)输入项的表单组件
    <input />
    非常重要的属性:type,根据type值的不同,提供了不同的输入项的组件。
    例如:<input type="text" />

    type=text 文本输入框
    type=password 密码输入框
    type=radio 单选按钮
      提供了属性name(name的值是相同的)
      默认被选中的:checked=checked或者true

    type=checkbox 多选按钮
      默认被选中的:checked=checked或者true

    type=file 文件的选择框 后期扩展内容,会自动生成一个文本框,和一个浏览按钮。
    type=hidden 隐藏组件 在页面上不显示,但在提交的时候随其他内容一起提交。
    type=button 按钮(史上最难看的)
    type=image 和提交按钮是相同的作用。
    type=reset 重置 将表单中填写的内容设置为初始值。
    type=submit 提交数据

 (3)选择框
    <select name="city">
      <option value="bj">北京</option>
      <option value="sh">上海</option>
    </select>

 (4)文本域 如个人信息描述
    <textarea rows="" cols=""></textarea>

  </form>

8.框架标签(用的比较少)

<frameset></frameset>



5.HTML中多媒体文件的使用

  (1)多媒体文件的链接
    单击<a href="zxmzf.mp3">最炫名族风</a><br />
    单击<a href="jw.wmv">最炫名族风</a>

  (2)多媒体文件的嵌入

        <embed src="zxmzf.mp3" width="300" height="300" autostart="true" loop="true"></embed>
        <embed src="jw.wmv" width="300" height="300" autostart="true" loop="true"></embed>


    src:指定嵌入多媒体文件的名称
    width:播放器的宽度
    height:播放器的高度
    autostart:是否自动播放。默认为no
    loop:设置播放次数。为true时,无限制的重复播放。直到离开此网页或者单击停止。

  (3)在网页中加入背景音乐
    

        <bgsound src="zxmzf.mp3" loop="-1" />    

    Loop 播放次数,0或1都为播放一次,-1循环播放





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值