HTML笔记

格式
<html>
   <body>




   </body>
</html>


标题:<h1> </h1>  <h2> </h2>字体一直减小


段落:<p>  </p>


粗体:<b>  </b>   <strong>提醒文本的重要性


斜体:<i>  <em>  强调语意的加重,提醒用户该文本的重要性


预格式:<pre> 显示网上的代码


删除效果:<del>   <s>不经常使用


下划线:<ins>  <u>不建议使用


换行: <br/>


图像:   同级,一个目录 <img src="名字.jpg"/>
         图片在上级目录 <img src="../名字.jpg"/>
         其他目录图像   <img src="file://C:/名字。jpg"/>加上地址
         设置图像大小   <img width="200" heigth="77" src=""/>
         图像位置       <div align="left">
                           <img src=""/>
                        </div>
                        <div align="center">
                            <img src=""/>
                        </div>
                         <div align="right">
                            <img src=""/>
                        </div>
          图片不存在,默认显示缺失图片,加上alt属性,图片存在不显示,
          图片不存在alt出现
                         <ing src="" aly="图片不存在文字会出现的"/>


超链接:<a href="跳转到的页面地址">超链显示文本</a>
        在新的页面打开超链   <a href="跳转到的页面地址" target="_blank">超        链显示文本</a>
        出现文字    <a href="跳转到的页面地址" title="跳转到地址">地址</a>
        图片作为超链 <a href="地址">
                     <img src=""/>
                     </a> 


表格:<table>标签用于显示一个表格
      <tr>表示行(table row)
      <td>表示列又叫单元格(table data)
      <table>
          <tr>
            <td>1</td>
            <td>2</td>
          </tr>
       </table>
       带边框的表格:<table border="1">
       table宽度:<table border="1" width="100px">(px代表像素)
       单元格宽度绝对值:<td width="50px">1</td>
       单元格宽度相对值:<td width="80%">1</td>(占所有长度的百分几)
       水平合并:<td colspan="2">1,2</td>
       垂直合并:<td rowspan="2">1,3</td>
       背景颜色:<tr cgcolor=""> (整行颜色发生变化)
                 <td cgcolor="">  (单个单元格发生变化)


列表:无序列表:<ul>
                <li>  </li>
                <li>  </li>
                </ul>
      有序列表:<ol>
                <li>  </li>
                <li>  </li>
                </ol>


块:div是块元素,自动换行(其他块元素还有h1,table,p)
    span是内联元素,不会换行(其他内联元素有img,a,b,strong)


字体:<font color="green/pink" size="+2/-2">   </font>


内联框架:<iframe src="地址" width=" px" heigth=" px">
          </iframe>  (相当于浏览器里有一个小浏览器)


文本框:<input type="text"> 不需要后缀
        设置长度:<input type="text" size="10">
        初始值:<inout tyoe="text" value="文字">
        有背景文字:<input type=""text placeholder="文字">


密码框:<input type="password">(输入的数据显示星号)


表单:<from action="http://how2j.cn/study/login.jsp">
      账号:<input type="text" name="name"><br/>
      密码:<input type="password" name="password"><br/>
      <input type="submit" value="登录">
      </from>(账号密码登录)
提交数据:默认:<from method="get" action="">(可以在浏览器的地址栏看到提          交的参数,即便是密码也看得到)
          method="post"(不会在地址栏显示提交的参数,要提交二进制数据,上          传文件,必须用post方式)


单选框:<input type="radio">
        默认选中:<input type="radio" checked="checked">
        分组:在里面加上 name=""(里面属性相同即可)


复选:<input type="checkbox">


下拉列表:<select>
             <option>   </option>
          </select>
          设置高度:<select size="n">
          设置多选:(使用ctrl或shift进行多选)
                    <select size=" " multiple="multiple">
          默认选中:<option selected="selected">


文本框:<textarea>   </textarea>
        设置宽度和行数:<textarea cols="" rows="">  </texearea>


普通按钮:<input type="button" value="按钮">(不具备提交from的效果)


提交按钮:<input type="submit">


重置按钮:<input type="reset">


图像按钮:<input type="image" src="地址">


按钮文字:<button> </button>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值