HTML

 

一、<!DOCTYPE html>

二、<head>

1.<meta>

属性:

  • 编码:charset="UTF-8"
  • 刷新:http-equiv="Reflash" url=""
  • 关键字:content=" x1,x2"
  • IE版本:

 

2.<title>

3.<link>

连接外部资源,常见是连接外部的样式css

<link rel="stylesheet" type="text/css" href="">

4.<style>

放置样式代码

<style type="text/css"></style>

5.<script>

三、<body>

1.特殊符号

空格:&nbsp;
大于号:&gt;
小于号:&lt;

 

2.标签

块级标签:独占一行,可以设置宽和高

<p></p>

<!--h1~h6 字体逐渐变大变粗-->
<h1></h1>      

<div></div>

<!-- 无序-->
<ul>            
  <li></li>
</ul>

<!-- 有序 Ordered-->
<ol>            
  <li></li>
</ol>


<dl>
  <dt>
    <dd></dd>
  </dt>
</dl>


   

 

内联标签:不可以设置宽和高

<input>

<img>

<span></span>

<textarea></textarea>

<select></select>

<option></option>

<a></a>

<table>
  <thead></thead>
  <tbody>
    <tr>
	  <td></td>
	</tr>
  </tbody>
</table>

<label></label>

<fieldset>
  <legend></legend>
</fieldset>>

3.几个标签的属性

<input>

type='text'
type='password'
type='submit'
type='button'
type='radio'        //单选,name相同则互斥,默认选中使用checked='true'
type='checkbox'     //多选,name相同则是批量数据
type='file'         //上传文件,依赖于form表单的一个属性,即enctype='multipart/form-data'
type='reset'        //重置为默认值
    

 

<select>                      //下拉框 
    multiple='multiple'
    suzi='n'                  //显示n个选项

    <option>                  //子选项  
        selected='selected'   //默认选上
    

 

<a>

1.跳转页面 href='xxx_url'
2.锚点     href='#id'     

 

<img>

src='url'
title=''  <!--鼠标放上去时显示的文字-->
alt=''    <!--找不到图片时显示的文字-->

 

<lable>
for=''    某个标签的id

 

<table>
<!-- 合并单元格
    行:rowspan='n'
    列:colspan='m'
-->

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值