JAVAWeb第一天html篇

来源:互联网 发布:app one是什么软件 编辑:程序博客网 时间:2024/06/07 01:05

HTML
一、简介
HTML是一种超文本标记语言,不是编程语言,标记语言就是一套标记标签,通过标记标签来描述网页。操作思想:使用标签把要操作的数据包起来,通过标签的属性值来改变数据样式的展示。
二、标记标签
1.文字标签和注释标签
<font></font> 属性有size(范围:1-7),color等
<!--注释标签--> html中只有这一种注释标签,而java中有三种。
<p></p>段落标签
<br/>换行,是单标签,所以在自己里面结束,在标签里面加入</>
<hr/>水平线
2.标题标签
<h1></h1>------<h6></h6>这些标签会自动换行,字体越来越小
3.列表标签
自定义列表:

<dl>    <dt>林俊杰</dt>          <dd>他是一名很努力的歌手,被称为行走的CD</dd></dl>
林俊杰
他是一名很努力的歌手,被称为行走的CD

有序列表:

<ol>     <li>苹果</li>     <li>香蕉</li></ol>
  1. 苹果
  2. 香蕉

有序列表:

<ul>      <li>咖啡</li>      <li>牛奶</li></ul>
  • 咖啡
  • 牛奶

4.图像标签

<img src="图片路径" with100px;height:100px;/ >

路径:和.html文件同一级,直接写入,上一级:../加当前位置,下一级:imgs/1.jpg
5.超链接标签

<a href="路径"></a>

打开方式: target=”blank”/“self”,默认为self,即当前页面打开,blank是新的页面打开。target=”#”,为不打开任何页面
6.表格标签
<tr>代表行,<td>代表一行里有多少个单元格,<th>也是行里有多少单元格

<table>     <tr>            <th>里面内容显示时加粗居中</th>            <td>正常显示,需要加粗居中时另行设置</td>     </tr></table>
里面内容显示时加粗居中 正常显示,需要加粗居中时另行设置

7.表单标签

<form></form>
  -action:提交地址  -method:提交方式,post:安全, get:不安全,而且提交数据有限制.  -enctype:上传时使用

输入项(必须有name属性,不然没有办法提交内容)
-根据type属性值,有不同的输入框
type=”text” 普通输入框
type=”password” 密码输入框
type=”radio” 单选输入框,比如选择男或女,其中的name相同,value不同,如果设置默认选择,则加入checked=”checked”
type=”checkbox” 复选框,name也是相同,如果设置默认选择,则加入checked=”checked”
-下拉框(如果有默认选择,加入selected=”selected”)

<select name="">           <option value=""></option></select>
文本域<textarea cols="" rows="" name=""></textarea>      文件:file      隐藏项:hidden,在页面不显示,但是在代码中存在      按钮:type="submit",提交按钮,提交表单填写信息      type="reset",重置按钮,把表单信息变成未填写时的样子      type="button",普通按钮,主要在绑定事件时使用      type="img" src="路径",点击一个图片提交

8.其他标签
自己没记住的:<pre>里面的文本原样输出</pre>
主要的:<div></div>是块级元素,每个div独占一行
<span></span>是内联元素,接着之前的排列

9.头部标签,即存在于中

 -<meta http-equiv="refresh" content="3" url="地址"/>
      刷新网页,3秒,跳转到另一个网页
 <base target="blank"/>
      本网页内里的超链接的打开方式均为blank
原创粉丝点击