HTML5

<!doctype html>说明是HTML5规范
<html>用于告知这是一个HTML文档，标志着HTML文档的开头
<head>定义头部信息，可以放<title><meta><link><style>一个HTML文档只能有一对<head>标记
<meta charset="utf-8">
<title>无标题文档</title>定义标题
</head>头部信息的结束

<body>定义HTML显示的内容，这部分内容才是给用户看的一个HTML文档只能有一对<body>印记
</body>
</html>HTML文档的结尾

HTML5不缺分大小写。

HTML5属性值可以不用放到引号内。

HTML5分单标记双标记.例如<hr/>是单标记，<p></p>是双标记。

<!--注释内容-->这是HTML5打注释的方式。

标记里有属性一般是:<标记名 属性1="属性值1" 属性值2=“属性值2”...>内容</标记名>

例如<h2 align="center">传智播客云课堂上线了</h2>;<hr size="2" color="#CCCCCC"/>

<meta http-equiv="refresh" content="10;url=http://www.itcast.cn"/>

<hr/>水平线标记有以下几个属性,align-控制对齐方式,size-控制水平线的粗细，color-控制水平线的颜色，width-设置水平线的宽度

<p></p>属于<body>里，有align属性每个<p>都会换行

<br/>是换行符很关键

文档头部相关标记:

1.<title>标题名称</title>

2.<meta />定义页面元信息

用法：(1)<meta name="名称"content="值">为搜索引擎提供信息，其中name属性提供搜索内容名称,content属性提供对应的搜索内容值。？？？？不太懂

　　  (2)<meta http-equiv="名称"content="值"/>设置服务器发送给浏览器的HTTP头部信息。可以设置页面自动刷新和跳转。例如:

         <meta http-equiv="refresh"content="10;url=http://www.hao123.com"/>#十秒后自动跳转到www.hao123.com

3.引用外部文件标记<link>

4.内嵌样式标记<style>

<b></b>和<strong></strong>斜体显示，定义强调文本

<i></i>和<em></em>文字以斜体方式显示,定义强调文本

<del></del>文字以加删除线方式显示

<ins></ins>文字以加下划线方式显示

&nbsp空格符号

　　图像标记<img/>:

src=""图像的路径;alt=""图像不能显示时的替换文本;title=""鼠标悬停时显示的内容;width=""设置图像的宽度;height=""设置图像的高度;border=""设置图像边框的宽度;vspace=""设置图像顶部和底部的空白(垂直边距);hspace=""设置图像左侧和右侧得空白;align=""(left将图像对齐到左边;right将图像对齐到右边；top将图像的顶端和文本的第一行文字对齐,其他文字居图像下方;middle将图像的水平中线和文本的第一行文字对齐，其他文字居图像下方;bottom将图像的底部和文本的第一行文字对齐，其他文字居图像下方)。

 

    创建超链接<a></a>:

<a href="跳转目标"target="目标窗口的弹出方式">文本或者图像</a> href定义链接目标的url地址,target有_self原窗口打开跟_blank新窗口打开两种方式。

    锚点连接:

使用方式:首先定义一个超链接例如<a href="#one">平面广告设计</a> 然后再定义到的地方进行设置<h1 id="one">平面广告设计</h1>此时超链接指向到定义的地方

　　　　

 

posted @ 2019-04-08 20:08  PDAE  阅读(154)  评论(0)    收藏  举报