day31_HTML

今日内容

0 复习昨日

1 表格标签

2 表单标签【重要】

3 框架标签

0 复习昨日

  • Javaweb开发,前端,服务器,数据库

  • 前端,要学习HTML,CSS,JavaScript,JQuery

  • HTML是用来编写网页的一种编程语言

  • 语法

    • 由各种标签组成,标签是尖括号<>,
    • 一般都是成对儿出现,前面叫做开标签,后面称为闭标签
    • 特别的,有部分单标签,hr,br,img
    • 大小写都行,但是建议是小写
    • 开标签中写属性,属性名=“属性值”
    • 标签可以嵌套
  • 标签

    • 结构标签
    • 排版标签 h1,hr,br,p,font
      • 其中有些值特别注意,长度/宽度/尺寸单位 是px,或者%
      • 颜色写法,1) 颜色单词 2)rgb(0,0,0) 3) 十六进制取色 #000000
    • 块标签 div,span
    • 列表标签 ol,ul,li
    • 图片标签 img ,src属性,重点是路径的写法
    • 超链接 a,
      • href指定跳转路径
      • target属性,值1) _self 以自身跳转,2) _blank 以打开一个空白页跳转

1 表格标签

表格标签可以展现一个表格,用来填充数据,以及布局页面

<body>
    
    
     <table border="2px" width="300px">
        <tr>
            <th>1-1th>  
            <th>1-2th>
            <th>1-3th>
        tr>
        <tr>
            
            <td rowspan="2">2-1td>
            
            <td colspan="2">2-2td>
            
            
        tr>
        <tr>
            
            
            <td>3-2td>
            <td>3-3td>
        tr>
        <tr>
            <td>4-1td>
            <td>4-2td>
            <td>4-3td>
        tr>
     table>
body>

练习: 模仿下图形式(2行,4列,每个单元格是图片,点击图片能跳转)

day31_HTML_第1张图片

2 框架标签

<body>
    <ul>
        
        
        <li><a href="demo1.html" target="myframe">用户管理a>li>
        <li><a href="test1.html" target="myframe">角色管理a>li>
        <li><a href="test2.html" target="myframe">菜单管理a>li>
    ul>
    
     <iframe name="myframe" src="test1.html" width="1200px" height="600px">iframe>
body>

3 表单标签【重要】

表单用来和服务器交互,可以将数据发送到后台服务器.


表单用来收集数据,比如登录框,注册框,搜索框等等


常用的功能,输入框,下拉框,单选框,多选框,文件上传框,文本域,一些按钮

<body>
    
     <form action="/java2217">
        隐藏框<input type="hidden" name="money"><br>
        用户名<input type="text" name="username" placeholder="请输入用户名"/><br>
        密码<input type="password" name="pwd"/><br>
        性别<input type="radio" name="sex" value="man"/><input type="radio" name="sex" value="women"/><br>
        技能 <input type="checkbox" name="skills" value="javase"/> JavaSE
             <input type="checkbox" name="skills" value="javaweb"/> JavaWeb
             <input type="checkbox" name="skills" value="ssm"/> SSM<br>
        头像 <input type="file" name="touxiang"/> <br>
        生日 <input type="date" name="birthday"/> <br>
        邮箱 <input type="email" name="email" value="[email protected]"/> <br>
        籍贯 <select name="jiguan">
                <option value="henan">河南option>
                <option value="yunnan">云南option>
                <option value="hainan">海南option>
            select>
            <select name="city">
                <option>郑州option>
                <option>周口option>
                <option>驻马店option>
            select> <br>
        个人简历
            <textarea>textarea><br>
        <button type="button">按钮button>
        <button type="reset">重置button>
        <button type="submit">提交button>
        <hr>
        <input type="button" value="按钮"/>
        <input type="reset" value="重置"/>
        <input type="submit" value="提交"/>
     form>
body>

4 补充

在html敲空格,没有效果!

需要使用

  

这是一个空格

ue=“按钮”/>


```

4 补充

在html敲空格,没有效果!

需要使用

  

这是一个空格

你可能感兴趣的:(Java零基础学习,html,前端,java,开发语言)