JavaWeb前端知识-HTML

HTML的组件介绍
1基本结构
第一部分是头文件<!doctype,dtd>

<html>
 <head>
   <meta>
  </head>
  ---------------------------------
  <body>
  <p>这是段落标签</P>
  <br/>换行
  <hr/>分割线
  <h1>文字大小设置</h1>
  </body>
</html>

2文本格式化

加粗
斜体
③超链接

本页面跳转

发送邮件
④框架
`<framset rows=>

Framset可以内部互相嵌套新的frame和framset ` **⑤表格**
<table border='1'>
<tr>
         <td>小白</td>
</tr>
</table>
<body> 
--无序列表 --
<ul> 
    <li>这是无序列表</li>
  </ul>
 --有序列表--
 <ol >
   <li> 这是有序列表</li>
   </ol> 
   --定义一个普通列表--
   <dl> 
   <dt>手机</dt>
   <dd> 打电话用的</dd>
   <dt>电脑</dt> 
   <dd>办公用的</dd> 
   </dl>

6.表单输入

 <h3>表单数据</h3>
<form action="">
    <h3> 文本输入框</h3>
    姓名:<input type="text" name="username">
    <h3> 密码输入框</h3>
    密码:<input type="password" name="mypas">
    <h3> 复选框</h3>
    多选: <input type="checkbox" name="choose" value="1">①
    <input type="checkbox" name="choose" value="2">②
    <input type="checkbox" name="choose" value="3">③
    <h3> 单选</h3>
    <input type="radio" name="单选" value="g"> 男
    <input type="radio" name="单选" value="n"> 女
    <h3> 下拉</h3>
    <select name="city">
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">天津</option>
        <option value="4">广州</option>
        <option value="5">深圳</option>
        <optgroup label="重庆">
            <option value="6"> 涪陵</option>
            <option value="7"> 市区</option>
            <option value="8"> 郊区</option>
        </optgroup>
    </select>
    <h3> 文本域</h3>
    <textarea rows="10" cols="30">
这是提示内容
</textarea>

    <br><input type="button" value="普通按钮"><br>
    <input type="submit" value="提交按钮">
    <input type="reset" value="重置按钮" >
</form>

7 图像标签
乌克兰美女

8 meta 头文件

<a href="www.baidu.com" target="_BLANK" > 百度</a>
可以在<head>的头文件里面定义 <base target="_BLANK">  
<meta name="description" content ="头文件的简介"> 
<meta name="keywords" content ="本页面的关键词"> 
<meta name="Refresh" content ="5;http://www.baidu.com"> --重定向
-- 这样搜索引擎可以直接搜索这个信息
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值