zoukankan      html  css  js  c++  java
  • 脚本黑客1----HTML基础笔记

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>黑客编程----html</title>
    </head>
    
    <!--框架结构标签,后续再去深入研究,暂时不做深入研究
    <frameset cols="25%,75%">
    	<frame src="7777_test.html">
    	<frame src="abcd_test.html">
    </frameset>
    -->
    
    <body bgcolor="#FFFF00">
    <!-- 标题对齐方式       br   换行 -->
    <h1 align="center">hello his is <br> a new test web!</h1>
    <!-- 锚的用法,超链接文字-->
    <a href="http://baidu.com">This is a URL !!!  </a>
    
    <p><!-- 一个段落-->雨停了,风也只说是路过,我从暗夜里独自醒来,不禁打了个寒颤。手边,是一瓣粉色的花,一页素净的纸,几行小字,写道,你不属于黎明,于是,在还来得及的时候上路了。你说,让我朝着阳光回去,那会是温暖方向,要是迷路了,记得是夜听荷,它也会带你走在归去的路上。</p>
    
    <!--<table> 标签定义 HTML 表格
    
    一个 HTML 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素。
    
    <tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。-->
    <table border="50" ></table>
    <table border="1">
    <tr>
    <th>Month</th>
    <th>Savings</th>
    </tr>
    <tr>
    <td>January</td>
    <td>$100</td>
    </tr>
    </table> 
    
    <!-- 列表标签-->
    <!-- 无序列表     ul 标签,    每个列表项始于  li  标签-->
    
    <ul>
    <li>无序列表ul</li>
    <li>Colffe</li>
    <li>Mike</li>
    </ul>
    <!-- 有序列表    ol  标签  每个列表项始于  li  标签-->
    <ol>
    <li>有序列表ol</li>
    <li>Colffe</li>
    <li>Mike</li>
    </ol>
    
    <!-- 定义列表    dl  标签开始    每个自定义列表项始于  dt 标签   每个自定义列表项已以 dd 开始-->
    <!-- 定义列表 表项内部可以使用段落、换行符、图片、链接以及其他列表等 -->
    <dl>
    	<dt>自定义标签  dl</dt>
    		<dd>自定义标签dt </dd>
    		<dd>自定义标签dd </dd>
    	<dt>Colffe</dt>
    		<dd>black not drink</dd>
    	<dt>Mike</dt>
    		<dd>whit cold drink</dd>
    </dl>
    
    <!-- 表但标签form   包含表单元素的区域,表单元素是允许用户在表单中(文本域、下拉列表、单选框、复选框等)输入信息元素-->
    <!--  输入标签  input     输入类型  type  决定(文本域、下拉列表、单选框、复选框等) -->
    <form>
    	文本域<br />firstname:<input type="text" name="fistname" />
    	<br />
    	lastname:<input type="text" name="lastname" />
    
    <br />
    <!-- 单选按钮  -->
    
    单选按钮<br />
    <input type="radio" name="sex" value="male" />male<br />
    <input type="radio" name="sex" value="fomdle" />fomodle
    <br />
    
    <!-- 复选框  -->
    复选框<br />
    <input type="checkbox" name="nike" />I have a nike
    <input type="checkbox" name="abc" />I like  english
    
    <br />
    <!-- 文本语句块标签  文本语句块中可容纳无限数量文本, 文本的字体默认为等宽字体, 文本语句块的尺寸由 rows(宽) 和 cols(长)  决定-->
    文本语句块标签<br />
    <textarea rows="3" cols="20">HTML简单基础知识了解学习</textarea>
    <br />
    
    <!-- 下拉菜单标签  -->
    下拉菜单标签<br />
    <select name="select">
      <option value=" "> </option>
      <option value="abc">abc</option>
      <option value="num">124567896</option>
      <option value="poc">poc</option>
      <option value="china">china</option>
      <option value="baichi">baichi</option>
    </select>
    <br />
    <!--  图像标签  img     属性 src   属性是图片的url-->
    图像标签<br />
    <img src="http://img1.imgtn.bdimg.com/it/u=1902468542,2120439953&fm=200&gp=0.jpg"/>
    </form>
    
    </body>
    </html>
    

      刚刚开始研究学习《脚本黑客》这本书,如果有兴趣一起研究探讨黑客相关的技术的,可以加我QQ:739016188     加QQ请注明:技术交流

  • 相关阅读:
    CSS3—— 2D转换 3D转换 过渡 动画
    CSS3——边框 圆角 背景 渐变 文本效果
    CSS3——表单 计数器 网页布局 应用实例
    CSS3——提示工具 图片廓 图像透明 图像拼接技术 媒体类型 属性选择器
    CSS3——对齐 组合选择符 伪类 伪元素 导航栏 下拉菜单
    CSS3——分组和嵌套 尺寸 display显示 position定位 overflow float浮动
    CSS3——盒子模型 border(边框) 轮廓(outline)属性 margin外边距 padding填充
    Eclipse连接数据库报错Local variable passwd defined in an enclosing scope must be final or effectively final
    数据库——单表查询
    数据库——添加,修改,删除
  • 原文地址:https://www.cnblogs.com/guiguxiaosheng/p/7449377.html
Copyright © 2011-2022 走看看