HTML
全称:Hyper-Text Markup Language
超文本标记语言
- Tag :标签(承载内容)
- CSS:层叠样式表(页面显示和渲染)
- JavaScript:JS(处理交互式行为)
<h1></h1>标题标签
<p></p>段落标签
<div></div>块级元素
<span></span>行级元素
换行标签
<button>按钮
对字体强调:
<em></em>倾斜
<strong>加粗
<ins>插入
<del>删除线
列表控件:
<ul>无序列表
<ol>有序列表
<li>列表元素
<dl>定义列表
<dt>定义标题
<dd>定义的描述
超链接
<a>超链接
- 页面链接
- 锚点链接
- 功能链接
href : 链接
target: _blank新页面
图像
<figure>
<img>图像
<figcaption>图片说明
width:宽度
title:鼠标放在图片上显示的内容
src:路径
alt:当图片加载失败显示的内容
列表控件:
<table>
<caption>表名
<th>表头
<tr>行
<td>列
width:列宽
rowspan:合并行
colspan: 合并列
表单控件
<form>
<fieldset>添加大框分类
<legend>大框类的名字
method:post
enctype="multipart/form-data"上传文件必填
<input>
type:输入类型(text、password、radio)
type=text 或者 password
placeholder:提示性文字
type=radio单选 或者checkbox多选
name:名字必须相同
checked:默认选择
type=date日期
type=del数字
type=email邮箱
type=file选择文件
type=number输入数字
type=submit提交
type=reset重置
下拉列表:
<select>
<option>
多行文字输入
<textarea>
音频:
<source>
<audio>
controls:产生播放器
autoplay:背景播放
loop:循环播放
视频:
<video>
<source>
内部窗口
<iframe>
src:路径
height:高度
页面格式布局
<header></header>:页眉
<nav></nav>:导航栏
<main>
<article></article>内容一
<article></article>内容二
<aside></aside>边内容
</main>
<footer></footer>页脚
网友评论