码迷,mamicode.com
首页 > Web开发 > 详细

第一章:HTML5的基础

时间:2017-08-28 00:44:08      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:符号   水平线   大于号   特殊   ref   常见   img   基本   自带   

HTML5基础

 1.DoctYpe声明

  <!DCTYPE html>必须放在第一行。

<title>

  <title> 百度</title>

<meta>

  <meta charset="UTF-8"/>

<h1></h1>------<h6></h6>

  提供了六级标签,所有标题字体加粗。<h1>最大<h6>最小

<p></p>

  表示一段文字或者内容。<p>我爱你我爱你</p>

2.单标签

<br/>

  表示强制换行表示,该符比较特殊,没有结束标签,直接使用。

<hr/>

  表示一条水平线,该符和<br/>一样,没有结束标签,直接使用。

3.字体样式标签

  <strong></strong>

               让字体加粗

  <em></em>

               让文字倾斜。

4.注释和特殊符号

  语法<!--注释内容-->

  特殊符号 字体实体 

  空格:       &nbsp

  大于号>: &gt

  小于号< :&lt

  引号“ :&quat

  版权符号@ :&copy

  常见的图像格式:JPG Gif BMP PNG

5.图像标签的基本

  语法:

  <img src="图片地址" alt="图像的代替文字" title="鼠标悬停时显示的文字" width="图片宽度"hight="图片高度"/>

6.超链接的标签

  语法:

  <a href="链接地址" target="目标窗口位置">链接文本或图像</a>

  href:表示链接地址的路径

  target:链接在哪个窗口打开,常用的取值有——self(自身窗口)、——blank(新建窗口)

  超链接可以是文本超链接,也可以是图像超链接。

7.超链接的应用:

  1.页面链接

    从一个页面链接到另一个页面。

  2.锚链接

    从A页面甲跳转到本页乙。

  语法:

    <a name="marker">目标已</a>

  3.功能性链接

    功能性链接比较特殊,当点击链接不是打开某个页面,而是启动本机自带的某个应用程序。如常见的电子邮箱 QQ MSN等连接电子邮件的用法是"mailto:电子邮件"

8.行内元素和块元素

  块元素的特征:无论内容多少,该元素独占一行。

  行元素的特征:内容撑开宽度,左右都是行内元素的可以排在一行 。

第一章:HTML5的基础

标签:符号   水平线   大于号   特殊   ref   常见   img   基本   自带   

原文地址:http://www.cnblogs.com/wang2386033566/p/7440710.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!