HTML

最新推荐文章于 2021-12-04 15:31:20 发布

DuDuDu.

最新推荐文章于 2021-12-04 15:31:20 发布

阅读量74

点赞数

本文链接：https://blog.csdn.net/weixin_44807446/article/details/99459160

版权

一、Html简介

HTML超文本标记语言，文件的扩展名是”.html或.htm“。它是可供浏览器解释浏览的文件格式。

超文本标记语言的主要特点：简易性、可扩展性、平台无关性
html的文档结构：由三部分构成

<html>用于html文件的最前面，表示文件的开始
	<head>
		描述文档相关信息的标记对，标记对里面的内容不会在浏览器的内容部分出现
	</head>
	<body>
		html文档的主体部分，这里面所定义的文本、图片都会在浏览器的内容部分显示出来
	</body>
</html>放在html的最后面，表示文件的结束

head部分的一个辅助性标记

		<meta charset="utf-8">meta标签可以用来鉴别作者，标注内容提要和一些关键字
		<title>
			这里面的文字会出现在浏览器视窗最上面蓝色部分里，作为网页的主题
		</title>

二、常见标签

1.文字上的常用分隔标记

        强制断行标记<br>
		强制分段标记<p>
		空格&nbsp;

2.排版的标记

		1.文字的置左，置右，置中<center>内容</center>
		2.保留原始数<pre>内容

3.字体标记

		1.标题标记<h1>内容</h1>
		2.设置字体标记<font size="2" color="red" face="黑体">内容</font>
		3.字体变化标记<b></b>加粗   <i></i>斜体   <u></u>底线
		             <kbd>用粗体等宽字体显示文字</kbd>
					 <var>用较小的固定宽度显示字体</var>
					 <dfn>用于名词解释，斜体显示</dfn>
					 <sup></sup>上标     <smap>用于字母序列等宽</smap>
					 <sub><sub>下标
					 <em></em>强调   <address>模拟信封上的字体</address>
					 <strong></strong>加强     <s></s>删除线  <strike></strike>删除线
					 <big>比默认字号大一号</big>    <small>比默认字号小一号</small>
					 <code>以等宽字体显示计算机程序代码</code>

4.背景标记

bgcolor背景颜色 background背景图片

<body bgcolor="#7388DB" background="img/ali.png">		
</body>

5.分隔线标记

上一部分<hr>下一部分
<hr color="red" size="7" width="50px" align="left">

6.img标记

		<img src="img/xingye.jpg" width="200px" height="200px" alt="图片加载失败" >
		<img src="img/360.png" width="300px" height="300px" border="1" title="一张图片" >

7.序列标记

无序列表

		<ul type="square">
			<li>无序列表子列表项</li>
			<li>无序列表子列表项</li>
			<li>无序列表子列表项</li>
		</ul>

有序列表

		<ol type="A">
			<li>有序列表子列表项</li>
			<li>有序列表子列表项</li>
			<li>有序列表子列表项</li>
		</ol>

自定义列表

		<dl>
			<dt>这是自定义标签的标题</dt>
			<dd>这是自定义标签的描述</dd>
		</dl>

8.特殊字符

&lt; <     &gt; >     &amp; &      &qout; “      &nbsp; 空格

9.超链接

target="_blank"在新的一个窗口打开
target="_self"在自身窗口打开

    <a href="http://www.baidu.com" target="_self">百度</a><hr>
	<a href="http://www.163.com" target="_blank">网易</a><hr>
	<a href="http://www.sina.com" target="_self">新浪</a><hr>
	<a href="index.html" target="_blank">首页</a>

10.表格标签

合并单元格
（rowspan上下合并 colspan左右合并）

1.表格的结构<table></table>是用来在html页面上创建表格的
2.<th>表头，代表列名一般放在第一行
3.<tr>代表格的一行
4.<td>代表格的一列
		默认情况下，表格是没有边框的，如果想要出现边框，就是用border属性

11.input标签

<input/>标签的type分为：
				text文本框  button按钮  submit提交  reset重置  password密码
				checkbox多选  radio单选  file上传文件
				date选取日、月、年    month选取月、年    week选取周、年
				time选取时间（小时和分钟）
				datetime选取时间，日、月、年（UTC时间）
				datetime-local选取时间，日、月、年（本地时间）
				
				邮箱输入框<input type="email" name="user_email"/>
				数字输入框<input type="number" name="points" min="1" max="10">
				数字范围输入框（进度条）<input type="range" name="points" min="1" max="10">
				颜色选择框<input type="color" name="colortext"/><br>

12.表单

1.表单的用途
		表单在网页上用来给访问者填写信息的，从而获取用户信息，使用网页进行交互的功能。一般是将表单设计在一个html页面中，当用户填写信息后做提交操作，于是表单的内容就会从客户端的浏览器上发送给服务器，经过服务器上的jsp或者ASP等处理后，再将用户信息传送到客户端的浏览器上，这样网页就具有交互性了。
		2.表单构成
		<form></form>用来创建一个表单，在标记之间的一切都属于表单里的内容
		<from>标记具有action,method,target属性
			action属性是处理处理程序的程序名称
			method属性是用来定义处理程序的从表单获取信息的方法，通常有GET和POST两种
			target属性用来指定目标窗口
		3.表单的工作原理
		 (1)访问者填写表单，并提交给web服务器处理
		 (2)在web服务器上的后台处理程序对提交的数据进行处理
		 (3)后台处理程序处理完成后，会重新生成一个新的html页面发给客户端

13.框架（frame）

	混合框架

14.多媒体标记音频

1.HTML4多媒体
		<embed src="文件源" width="宽度" autostart="true" loop="true">
		src设置文件源  width设置宽度  autostart设置是否自动播放true自动播放false不自动播放
		loop设置是否循环播放true就是循环播放false就是不循环播放
2.HTML5多媒体
		<audio src="" controls="controls"></audio>
3.添加背景音乐
		<bgsound src="" loop="true">

15.多媒体标记视频

视频标签
		<video src="" height="" controls="controls"></video>
		control属性供添加播放、暂停和音量控件
		video元素允许多个source元素。source元素可以链接不同的视频文件

DuDuDu.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML

一、Html简介HTML超文本标记语言，文件的扩展名是”.html或.htm“。他是可供浏览器解释浏览的文件格式。超文本标记语言的主要特点：简易性、可扩展性、平台无关性html的文档结构：由三部分构成<html>用于html文件的最前面，表示文件的开始 <head>描述文档相关信息的标记对，标记对里面的内容不会在浏览器的内容部分出现 <me...
复制链接

扫一扫