xiaofeikezi
HTML的标签不区分大小写基础标签:
1,html:定义HTML文档,所有标签都写在内部,网页的内容在其中
2,head:标题,字符格式,语言,兼容性,关键字,描述等信息在其中
3,body:网页需展示的内容在其中
4,<!DOCTYPE>声明:位于文档的最前面,定义文档的类型,告知浏览器,文档是使用那种HTML或HTML规范
5,title:定义文档的标签,浏览器标签显示的标签
6,h1-h6:定义标题,标题字体显示的大小不同,h1>h2…>h6

<h1>这是一个标题</h1>
 
7,p:定义段落,

<p>这是一个段落</p>
 
8,hr单标签:定义水平线

<hr/>

9,br单标签:定义简单的换行

<br/>

注释:《!----》,英文符号在浏览器不显示,此处用中文符号代替。
格式标签:
1,em:强调文本,使得文本斜体显示
2,small:定义小号文本,使得文本变小
3,b:定义粗体文本,使得文本变粗
图像标签:
1,img单标签:

<img src="/myH5/src/icon.png" alt="图片跑丢了" width="100px" height="100px"/>

属性:
src:说明图像地址
alt:当图片加载不出时,显示的提示信息
链接:
1,a:跳转到当前页面,或另一页面

<a href="https://www.baidu.com">百度</a>

属性:
href:跳转页面的地址
target:是否新建另一个页面显示链接,默认在当前页面显示,
_blank打开另一个页面
列表:
1,无序列表:

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
 
ul:定义无序列表
li:定义列表的项目
2,有序列表:

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
 
ol:定义有序列表
li:定义列表的项目
3,列表:

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
 
dl:定义列表
dt:定义列表中的项目
dd:定义列表中项目的描述
表单标签:用来输入数据
1,form:定义供用户输入的HTML表单

<form>
.
input 元素
.
</form>
 
属性:
action:跳转地址
2,input:定义输入控件

<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>
 
属性:
type:输入文本类型(text,password,submit,button等)
placeholder:提示文本
value:当type为submit时,input就作为跳转按钮,value为按钮说明, 点击后就会跳转到form标签中地址中。当type为button时,input就作为普通按钮
3,textarea:定义多行的文本输入控件,对文本框做说明

<textarea rows="10" cols="30">
我是一个文本框。
</textarea>
 
属性:
clos:宽
rows:高
4,select:定义选择列表(下拉列表)

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
 
5,option:定义选择列表中的选项(在select里面)
6,label:定义input元素的标注

<form action="demo_form.php">
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" value="female"><br><br>
  <input type="submit" value="提交">
</form>
 
表格标签:

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>
 
1,table:定义表格
属性:
border:设置表格单元边框,值为数字
2,caption:定义表格标题
3,tr:定义表格中的行
4,td:定义表格中的单元
样式标签:做区块的划分
1,style:定义文档的样式信息,在head标签内,定义某个标签的样式(颜色,字体等)
2,div:定义文档中的区域(大区域)
3,span:定义文档中的节(小区域)

分类:

技术点:

相关文章:

  • 2021-11-05
  • 2021-11-04
  • 2021-12-29
  • 2021-10-16
  • 2018-03-03
  • 2021-10-29
  • 2021-12-19
猜你喜欢
  • 2021-10-16
  • 2022-01-03
  • 2021-08-07
  • 2021-08-08
  • 2021-10-16
  • 2019-09-04
  • 2021-11-05
相关资源
相似解决方案