HTML个人笔记

<hr/> 水平线标签
<hr style ="whidth:80px"/>设置水平线宽度；
<hr style ="whidth:80%"/>居中
<hr style ="whidth:80%" align = "left"/>段落的80%，居左；
ol>li*5+tab生产5个li
<ol>有序列表
    <li></li>
    <li></li>
</ol>
<ul>无序列表
    <li></li>
    <li></li>
</ul>
<!--这是注释-->
<dl>定义描述标签
   <dt>标题</dt>
   <dd>内容</dd>
</dl>
 空格
<!--注释标签-->
版权号：&copy
大于号：&gt
小于号：&lt
引号：quot;
表格：
<table>
<tr>行
   <td>123</td>列
   <td>123</td>
<tr>
border=1px:边框
表单：<form action ="跳转网址.html" method="post">post比get安全
	用户名：<input type="text"><br>
	密码：<input type = "password"><br>
	<input type = "submit" value = "登陆">
     </form>
类型：
test文本；
password密码框
textarea文本域
radio单选按钮
checkbox复选框
select下拉列表
submit提交按钮
reset重置按钮
size显示宽度
value初始值
checked 显示是否选中
maxlength输入的长度

<img src="这里是地址（相对同级文件的相对路径）" alt="这里是提示" title="标题"/>
你好<span style = "color :red">世界</span>你好世界同一行
font-size:80px;改变字体大小；
-----------------------------------------------------------------------------------
<a href = "http://www.baidu.com" target ="-_black(新窗口打开)">百度一下</a>；

锚链接：
	定义标记：<a name="标记名">目标位置</a>
		 <a href="#标记名">当前位置</a>

	<a href="邮箱地址">站长邮箱</a>

rowspan行合并
colspan列合并
cellspacing="0" 
cellpadding="0"表格去除间隙
    <style>
        li {
            color: #0000FF;
            font-size: 30px;
            font-family: 楷书;
        }
        p{
            background-color: red;
            font-size: 40px
        }
        div{
            width: 400px;
            height: 400px;
            border: 2px solid red;
            background-image: url("../img/computer.jpg");
            background-position: -20px -300px;坐标偏移
            background-repeat: repeat-x;只平铺x轴
	    overflow: hidden;溢出的东西不显示
        }
    </style>
        .a{
            color: #0000FF;
            font-size: 60px;
        }
        #big{
            font-size: 200%;
        }
    <li class="a"> 刘伦撞猪</li>	  类选择器
    <li id="big">刘伦撞猪</li>    id为独一无二的

text-decoration：underline  下划线
text-decoration；none  不要下划线

字体、字号：

font（缩写形式）

font-weight（粗细） 

font-size（大小） 

font-family（字体）
行距、对齐等：

line-height （行高）

text-align （对齐）
letter-spacing （字符间距）

text-decoration （文本修饰 ）

white-space （空白处理 ）
列表的属性：
无风格	list-style:none;
实心圆（<ul>默认类型）	list-style:disc;
空心圆	list-style:circle;
实心正方形	list-style:square;
数字（<ol>默认类型）	list-style:decimal
外边距：margin top/left/right/bottom
内边距：padding

<form action="" method="post">
    用户名:<input name="username"  type="text" size="5"/> <br/>
    密  码: <input name = "pw" type="password"/> <br/>
    性别: <input name = "sex"  type="radio" value="男" checked = "checked"/>男 <input name = "sex"type="radio" vlue="女"/>女 <br/>
    爱好: <input type="checkbox" value="0"/>抽烟
            <input type="checkbox" value="1" checked="checked"/>喝酒
           <input type="checkbox" value="2"/>看美女
           <input type="checkbox" value="3"/>泡美女 <br/>
    省份: <select name="province" id="">
            <option >安徽省</option>
             <option>四川省</option>
            <option >广东省</option>
             <option >云南省</option>
            <option >河南省</option>
            <option selected="selected">河北省</option>
            </select>
    邮箱:   <input type="email"/>
    自我介绍: <br/>
     <textarea name=""  cols="20" rows="10" readonly="readonly">刘伦撞猪</textarea><br/>
    上传照片: <input name = "file"type="file"/> <br/>
    日期: <input type="datetime-local"/> <br/>
    日期2： <input type="date"/> <br/>
    日期3：<input type="datetime"/> <br/>
    按钮： <input type="button" value="点我" onclick=""/>
    官网: <input type="url"/>
            <input type="submit"/>
            <input type="reset" value="重置"/>
</form>


String s = sc.nextline();接受输入带空格的字符串
String s = sc.next();不能接受带空格的字符串


overflow:hidden:溢出隐藏
postion:absolute:绝对路径，脱离文档，图片层不会挡住