HTML5

Posted 2021-11-28 fsh1014

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5相关的知识，希望对你有一定的参考价值。

内部样式表：当单个文件需要特殊样式时，在<head>部分通过 <style>标签定义内部样式表:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

外部样式表：当样式需要被应用到很多页面的时候，你就可以通过更改一个文件来改变整个站点的外观：

class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

HTML 标签：

HTML 元素：

<head>:饱含所有元素标签，可以添加头部标签有：<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.还可以插入（scripts）, 样式文件（CSS）
<title>:定义不同文档的标题。
<base>:　　标签描述了基本链接地址/链接目标，该标签作为HTML文档中所有标签的默认连接。
<link>:标签定义了文档中与外部资源之间的关系，通常用于链接到样式表。
<style>:标签可以定义了HTML文档的样式文件引用地址，在<style>元素中可以直接添加CSS样式来渲染HTML文档。（定义文本样式）
<map name="" ;id=""><area shape="形状" coords="坐标" alt="text" href="url">定义图像映射中的区域</area></map>:用于图像映射，图像映射指的是带有可点击区域的图像

HTML 属性：

设置字体：font—family(字体)，color(颜色)，font-size(字体大小)，text-align(字体对齐)
设置图像：<img src="源属性的值是图像的 URL 地址。" alt="替换文本属性的值是用户定义的,假如说图像不显示的话系统会显示这个文本" width="图片宽度" height="图像高度" usemap="图像映射的名字或ID">
margin：这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度
clear：设置浮动，none:允许两边都可以有浮动，both:不允许有浮动对象，left:不允许左边有浮动，rigth:不允许右边有浮动。

HTML 标签：<input type="" name="‘ valuem="">

<input type="radio" name="sex" valuem="male">Male <br> <input type="radio" name="sex" valuem="Female"> Female
<textarea></textarea>
下拉框：<from action="提交地址">
<select name="cars">
<option value="A"> A<option>
<option value="B"> B<option>
<option value="C">C<option>
</select>
</from>
<fieldest><legend>定制标题</legend></fieldest>:将表单内相关元素分组，标签会在相关表单元素周围绘制边框。
<datalist id="ID"></datalist>用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据 <INPUT LIST="ID">

以上是关于HTML5的主要内容，如果未能解决你的问题，请参考以下文章