HTML的全称为Hyper Text Markup Language超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

标题h

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

段落p

<p>我是段落</p>

一条华丽的水平分割线hr

<hr width="80%" color="green" size="2px">
换行符<br/>

字体

<em>斜体字写法一em</em>
<i>斜体字写法二i</i>
<strong>字体加粗写法一strong</strong>
<b>字体加粗写法二b</b>
<font size="5px" color="pink">字体标签font</font>

无序列表ul

<ul type="circle">
    <li>circle小白圈</li>
    <li>disc小黑点</li>
    <li>square小黑方块</li>
    <li>不写type的话默认是disc小黑点</li>
</ul>

有序列表ol

<ol type="a">
    <li>type可以是"a"</li>
    <li>type可以是"A"</li>
    <li>type可以是"i"</li>
    <li>type可以是"I"</li>
    <li>type可以是"1"</li>
</ol>

定义列表dl

<dl> ==>表示是定义列表
<dt> ==>表示定义列表的分类
<dd> ==>表示是定义列表分类的条目
注:<dt>与<dd>是平级的关系
<dl>
    <dt>姓名</dt>
     <dd>小明</dd>
     <dd>小花</dd>
    <dt>年龄</dt>
     <dd>13</dd>
     <dd>14</dd>
</dl>

符号

&emsp;&nbsp;&copy;
emsp是一个tab
nbsp是一个空格
copy是版权符号©

图片img

<img src="img/01.jpg" alt="图片加载错误时的提示信息" title="鼠标放在图片上时的提示信息" width="200px" height="200px">

超链接a

<a href="练习01.html" target="_self">在本窗口打开链接_self</a>
<a href="index.html" target="_blank">在新窗口打开链接_blank</a>
<a href="https://www.baidu.com">跳转百度,默认是在本窗口_self</a>

表格table

border表格边框宽度
width表格的整体大小
align表格文字对齐方式
cellpadding文字到边框的距离
cellspacing边框的宽度
colspan跨列
rowspan跨行
<table border="1" width="80%" align="center" cellpadding="10px" cellspacing="2px">
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>班级</th>
        <th>性别</th>
    </tr>
    <tr align="center">
        <td colspan="2">01</td>
        <td>张三</td>
        <td>1班</td>
        <td>男</td>
    </tr>
    <tr>
        <td>02</td>
        <td rowspan="3">李四</td>
        <td>2班</td>
        <td>女</td>
    </tr>
    <tr>
        <td>03</td>
        <td>王五</td>
        <td>2班</td>
        <td>男</td>
    </tr>
    <tr>
        <td>04</td>
        <td>赵六</td>
        <td>3班</td>
        <td>女</td>
    </tr>
</table>

注:挤走的表格会向右移动

表单form

一般用于登录,注册的网站
1.action提交的地址
	- get明文提交,数据不安全,数据长度限制在4kb,一般用于下载
	- post密文提交,数据安全,没有长度限制,一般用于提交数据
2.entype提交数据的类型
	- multipart/form-data 表示支持文件上传
	- application/x-www-form-urlencoded 表示支持普通的文本提交
3.input标签的属性值
	- type定义input的类型
	- id根据id来获取标签
	- name后台用于input标签中的值
	- value表示输入框中的默认值,提交按钮上显示的文字
	- checked单选按钮与复选按钮默认选中
	- size表示输入框的长度
	- disabled按钮禁用
4.input输入框的type类型:
	- submit提交按钮
	- button普通按钮
	- reset重置按钮
	- text普通文本
	- password密码
	- radio单选框
	- checkbox复选框
	- search搜索框
	- file选择文件
	- hidden定义隐藏输入字段
	- number数字输入框(value="默认值" min="最小值" max="最大值" step="波长")
	- range滑块(value="默认值" min="最小值" max="最大值" step="波长")
	- date年月日
	- month月
	- week周
	- time时分
	- datetime-local年月日时分

下拉框select

<select> ==>表示的是下拉框 
<option> ==>表示是下拉框条目
selected 表示默认选中
<select> 
    <option selected>选项A(默认选中)</option>
    <option>选项B</option>
    <option>选项C</option>
</select>

文本域textarea

cols 跨列 
rows 跨行
<textarea cols="80px" rows="20px">
</textarea>
版权声明:本文为王则钰原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/wang-zeyu/p/16845643.html