HTML

2020-05-08  本文已影响0人  举颗凤梨

HTML

全称:Hyper-Text Markup Language
超文本标记语言

  1. Tag :标签(承载内容)
  2. CSS:层叠样式表(页面显示和渲染)
  3. JavaScript:JS(处理交互式行为)
    <h1></h1>标题标签
    <p></p>段落标签
    <div></div>块级元素
    <span></span>行级元素

    换行标签
    <button>按钮

对字体强调:

<em></em>倾斜
<strong>加粗
<ins>插入
<del>删除线

列表控件:

<ul>无序列表
<ol>有序列表
<li>列表元素
<dl>定义列表
<dt>定义标题
<dd>定义的描述

超链接

<a>超链接

图像

<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>页脚

上一篇 下一篇

猜你喜欢

热点阅读