THML基础

一、快速入门

1.新建文本文件,后缀名改为 .html/.htm

2.编写 HTML结构标签

标签描述
<HTML>定义HTML文档
<head>定义关于文档的信息  

<title>

定义文档的标题  
<boby>定义文档的主体    

html的标签是不区分大小写的

thml的语法是比较松散的

html标签属性值 单双引皆可

 3.在<body>中使用<h1>定义标题字体

4.使用<img>标签定义图片

5.保存后,使用浏览器打开该文件

二、基础标签

标签  描述
<h1> - <h6>定义标题,h1最大,h6最小
<font>定义文本的字体、字体尺寸、字体颜色
<b>定义粗体文本  
<i>定义斜体文本
<u>定义文本下划线  
<center>定义文本居中
<p>定义段落
<br>定义折行
<hr>定义水平线
HTML 原代码显示结果描述
&It;<小于号或显示标记
&gt;>大于号或显示标记
&amp;&可用于显示其它特殊字符
&quot;"引号
&reg;®已注册
&copy;©版权  
&trade;商标
&nbsp;不断行的空白

三、图片、音频、视频标签

标签描述
<img>定义图片
<audio>定义音频
<video>定义视频

img:定义图片
  - src:规定显示图像的 URL
  - height:定义图像的高度
  - width:定义图像的宽度

audio:定义音频。支持的音频格式:MP3、WAV、OGG 
  - src:规定音频的 URL
  - controls:显示播放控件

video:定义视频。支持的音频格式:MP4, WebM、OGG
  - src:规定视频的 URL
  - controls:显示播放控件

四、超链接标签

标签描述
<a>定义超链接,用于链接到另一个资源

* href:指定访问资源的URL
* target:指定打开资源的方式
     _self:默认值,在当前页面打开
     _blank:在空白页面打开

五、列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项

* type:设置符号的类型(就是项目前面的符号,比如: A    circle  等)

六、  表格标签

标签描述
<table>定义表格
<tr>定义行
<td>定义单元格
<th>定义表头单元

   * table:定义表格
         * width:宽度
         * border:边框
         * cellpadding:定义内容和单元格的距离
         * cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条
         * bgcolor:背景色
         * align:对齐方式
    * tr:定义行
         * bgcolor:背景色
         * align:对齐方式
    * td:定义单元格
         * colspan:合并列
         * rowspan:合并行
    * th:定义表头单元格
         * <caption>:表格标题


七、  布局标签

标签描述
<div>定义 HTML 文档中的一个区域部分,经常与 CSS 一起使用,用来布局网页
<span>用于组合行内元素

八、 表单标签

标签描述
<from>定义表单
<input>定义表单项,通过type属性控制输入形式
<label>为表单项定义标注
<select>定义下拉列表
<option>定义下拉列表的列表项
<textarea>定义文本域

九、type取值

type取值描述
text默认值。定义单行的输入字段
password定义密码字段
radio定义单选按钮
checkbox定义复选框
file定义文件上传按钮
hidden定义隐藏的输入字段
submit定义提交按钮,提交按钮会把表单数据发送到服务器
reset定义重置按钮,重置按钮会清除表单中的所有数据
button定义可点击按钮


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值