JAVA_EE 第二章 HTML

最新推荐文章于 2022-05-09 22:46:26 发布

gegeyanxin

最新推荐文章于 2022-05-09 22:46:26 发布

阅读量236

点赞数

分类专栏： JAVA_EE 文章标签： HTML

本文链接：https://blog.csdn.net/gegeyanxin/article/details/80675173

版权

JAVA_EE 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、配置文件（续上篇）

（一）使用外部配置文件，可以灵活读取参数，对内部进行配置。

（二）常用配置文件格式：

A.properties属性文件（通过键值对方式）

1.读取方法：

a.借助properties对象,需要创建流对象
b.ResourceBundle

properties文件（jdbc.properties）

driver=com.mysql.jdbc.Driver
url=jdbc:mysql:///bd1804
username=root
password=root

程序部分

static{
        //1.注册驱动
        try {
            ResourceBundle boundle= ResourceBundle.getBundle("jdbc");
            Class.forName(boundle.getString("driver"));
            String url = boundle.getString("url");
            String username = boundle.getString("username");
            String password = boundle.getString("password");
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

B.XML通过标签形式保存数据：偏好设置

二、HTML

（二）基本语法

A.如何书写HTML文档。

Html,htm,shtml结尾的文件

B.标签的书写规范

1.通过尖括号加关键词组成
2.标签必须成对存在，包含开始标签和结束标签。如：
3.标签允许正确嵌套
4.有且只有一个根标签。
5.标签内部可以书写属性（属性是对标签的约束）
6.标签对大小写不敏感。建议小写。

C.例子

html从91年发展的，每次升级都有新的功能增加，删除旧的功能。现在用的html5是第五版，09年出的。有划时代的意义。

D.编写HTML的工具：

DreamWeaver
WebStorm
Subline
Hbuilder

（三）常见标签

A .标题标签（文档正文中的）

h1-h6：强调和独占一行，强调程度依次下降。

B.段落标签

P标签：段落，有换行效果。段落间距大。

C.折行标签

标签，单独存在，只是换行

D.Hr水平线标签

< hr/ >

E.链接标签 a标签，必须写hrep属性：链接的位置，可以是本地文件或网络文件或者本网页。

hrep =

target =

_self 可以省略，在当前位置
_blank 新建窗口
_parent 父级窗口
_top 顶窗口

            <a href="http://www.baidu.com">百度</a><br/>
            <a href="http://www.baidu.com"target="_self">百度2</a><br/>
            <a href="http://www.baidu.com"target="_blank">百度3</a><br/>
            <a href="http://www.baidu.com"target="_top">百度4</a><br/>
            <!--本地资源两种路径：1，绝对路径（不建议）；2.相对路径（本文档所在的文件夹）-->
            <a href= "css/index2.html" > index2</a>

锚链接，在本页面跳转到下面。

<a href = "#p1">跳转到p</a>

<!--id是标签的唯一标识 -->
<p id="p1">跳转的位置</p>

F.图片标签

<img src="" />

src
alt当图片加载失败时显示，用于提示说明图片
title 当鼠标停留在图片上时，对图片进行说明。
width宽度（单位px）
height高度（宽高只调一个，防止失真）

<img src ="https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=36a6647bfb03918fc8d13bca613c264b/b3119313b07eca8030b90a7c9d2397dda04483e8.jpg" alt="田园"
                width = "1024px" />

给图片添加链接：把图片放到链接中间

            <a href="http://www.baidu.com"target="_blank">  
            <img src ="https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=36a6647bfb03918fc8d13bca613c264b/b3119313b07eca8030b90a7c9d2397dda04483e8.jpg" alt="田园"
                width = "1024px" />
            </a>

G.列表标签

a.无序列表（用的最多）

< UI >标签：无序列表
< LI >标签：列表项

b.有序列表

< OL >：有序列表
< LI >：列表项

c.自定义列表

< DL >自定义列表
< dt >列表项
< dd >

        <!--有序列表-->
        <ul>
            <li>天猫</li>
            <li>天猫超市</li>
            <li>天猫聚划算</li>
        </ul>
        <!--无序列表-->
        <ol>
            <li>我们不一样</li>
            <li>无问西东</li>
            <li>红颜旧</li>
        </ol>
        <!--自定义列表-->
        <dl>
            <dt>亚瑟</dt>
            <dd>战士，破军</dd>
            <dt>妲己</dt>
            <dd>法师，圣杯</dd>
        </dl>

H .表格标签< table >

1、< table >里的属性

border=”1” 代表有边框
cellspacing =”0”单元格之间间距为0
cellpadding=”5px”单元格内边距：单元格内容与边框之间的距离

2.tr标签

3.td标签里的标签

例子

        <table border="1" cellspacing ="0" cellpadding="5px">
            <tr>
                <td colspan = "2">第一格</td>
                <!-- 第一行第一个表格横跨两列-->
                <td>第三格</td>
            </tr>
            <tr>
                <td rowspan="2">第一格</td>
                <!-- 第二行第一个表格纵跨两行-->
                <td>第三格</td>
            </tr>
            <tr>
                <td>第一格</td>
                <td>第二格</td>
                <td>第三格</td>
            </tr>
        </table>

I表单 form标签的属性：

Action：动作
Method 请求方式属性：
get
post

表单项 input 的属性

type 类型：
- text（文本）
- password（密码，不显示）
- button（普通按钮）
- submit(带有提交功能的按钮)
- reset重置
- radio单选

<html>
    <head>
        <meta charset="UTF-8">
        <title>表单</title>
    </head>
    <body>
        <form action = "a" method ="get">
            用户名<input type="text" name ="username"/><hr>
            密码<input type="password" name ="password"/><br>
            <!--按钮-->
            <input type ="Button" value ="登陆"/ ><br>
            <input type ="submit" value ="登陆"/> <br>                    
            性别<input type= "radio" name = "sex" checked ="checked" value="man"/>男
                <input type= "radio" name = "sex" value="woman"/>女<br>
            多选  
                <input type="checkbox" name ="hobby" value="book"/>看书
                <input type="checkbox" name ="hobby" value="vv"/>看电影<br>                    
            下拉框         
            省份  <select name ="">
                    <option value="bj">北京市</option>
                    <option value="sh">上海市</option>
                </select><br>
            其他  
            <inout type="reset"></input>
        </form> 
    </body>
</html>

- chekbox多选
name：相当于key
value:相当于value

下拉框select

option代表下拉选项

（10）DIV标签
div作为容器，和css结合用于页面布局。
div默认宽度和窗口一致，高度默认为0
div是一个块级元素（不与其他元素共享一行）。

(11)span标签
是一个内联元素，经常放置文本信息，可以与其他标签放置于一个语句中。主要用于标记。

gegeyanxin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JAVA_EE 第二章 HTML

一、配置文件（续上篇）（一）使用外部配置文件，可以灵活读取参数，对内部进行配置。（二）常用配置文件格式：A.properties属性文件（通过键值对方式）1.读取方法：a.借助properties对象,需要创建流对象b.ResourceBundleproperties文件（jdbc.properties）driver=com.mysql.jdb...
复制链接

扫一扫