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的基础的更多相关文章

  1. 第一章. ActionScript 语言基础

    第一章. ActionScript 语言基础 1.0. ActionScript 3.0 Cookbook 概述 1.1. 新建一个 ActionScript project 1.2. 自己定义应用程 ...

  2. 第一章 oracle数据库基础

    第一章   oracle数据库基础 1.oracle简介-->数据库管理系统    1.1:数据库    1.2:全局数据库名    1.3:数据库实例    1.4:表空间    1.5:数据 ...

  3. 第一章 C++编程基础

    第一章 C++编程基础 1.1 如何撰写C++程序 赋值 assignment复合赋值 (compound assignment) += 函数(function)是一块独立的程序代码序列(code s ...

  4. 回顾PHP:第一章:PHP基础语法

    第一章:PHP基础语法 一.常量: 1.1.define()函数:define(‘R’,’5’,’true’); //R:常量名,5:常量值,true:常量名对大小写不敏感,为false时表示对常量名 ...

  5. JAVA 入门第一章(语法基础)

    本人初学java 博客分享记录一下自己的学习历程 java我的初步学习分为六章,有c和c++的基础学起来也简便了很多. 第一章 语法基础 第二章 面向对象 第三章 常用工具类 第四章 文件操纵 第五章 ...

  6. 《Java从入门到失业》第一章:计算机基础知识(三):程序语言简介

    1.3程序语言简介 我们经常会听到一些名词:低级语言.高级语言.编译型.解释型.面向过程.面向对象等.这些到底是啥意思呢?在正式进入Java世界前,笔者也尝试简单的聊一聊这块东西. 1.3.1低级语言 ...

  7. 第一章:UNIX基础知识

    本章内容主要是为了学习UNIX的基本知识和一些最基本的系统函数. 学习的关键就是跟随者书本敲代码.本节遇到的第一个问题就死本书的apue.h这个文件:一开始没有注意这个文件,盲目的去百度,一番百度之后 ...

  8. 第一章:Python基础の快速认识基本语法

    本課主題 第一个 Hello World 程序实战 用户输入实战 模块介紹 变量介绍 格式化介紹 条件判断介紹和操作实战 for 循环介紹和操作实战 作业需求 Python 第一个 Hello Wor ...

  9. JSP/Servlet开发——第一章 动态网页基础

    1.动态网页:在服务端运行的使用程序语言设计的交互网页 : ●动态网站并不是指具有动画功能的网站,而是指网站内容可根据不同情况动态变更的网站(股票网站),一般情况下动态网站通过数据库进行架构. ●动态 ...

  10. Spring Boot学习第一部分(Spring 4.x)第一章(Spring 基础)

    1.spring概述 1.1.spring的简史 第一阶段:XML配置spring 1.x时代, 第二阶段:注解配置spring 2.x时代, @Controller @Service @Compon ...

随机推荐

  1. unable to locate package gparted

    在unbuntu安装gparted的时候出现这个错误提示,意思为:找不到这个安装包 可能的原因: 1.当前系统更新包没有更新,执行命令:sudo apt-get update 2.命令错误,重新检查需 ...

  2. vue项目在安卓低版本机显示空白原因

    vue项目在安卓低版本机显示空白原因: 可能的原因一: 查看安卓debug,报错,可能有箭头函数语法错误,或者其他语法问题,那可能是ES6语法问题. 这时候需要安装babel-pollyfill. 网 ...

  3. C#基础系列——语法

    1.C#是这样开始的: 函数入口:static void  Main(String [] args){} 2.Hello  World 例子 using system;--------导入命名空间,里 ...

  4. chrome设置捕获异常时自动暂停js

    1. [F12 | 右键审查元素] 打开chrome调试工具 2. 进行如下设置 a. 点击Pause on exceptions b. 选中Pasue On Caught Exceptions 设置 ...

  5. Android Autosizing TextViews

    https://developer.android.com/guide/topics/ui/look-and-feel/autosizing-textview  Autosizing TextView ...

  6. [原]Jenkins(三)---Jenkins初始配置和插件配置

    /** * lihaibo * 文章内容都是根据自己工作情况实践得出. *版权声明:本博客欢迎转发,但请保留原作者信息! http://www.cnblogs.com/horizonli/p/5331 ...

  7. 二叉树的基础题目学习(EPI)

    1.判断是个二叉树是不是平衡二叉树. 二叉树的定义都是利用递归的方法,所以二叉树有着天然的递归属性.所以一般情况下,递归解决二叉树问题中,递归解法比较简洁.平衡二叉树的定义是左子树和右子树均是平衡二叉 ...

  8. ios 耳机插入拔出检测

    [AVAudioSession sharedInstance]; [[NSNotificationCenter defaultCenter] addObserver:self selector:@se ...

  9. svn st 状态详解

    svn st status (stat, st): 显示工作副本中目录与文件的状态.用法: status [PATH...]  未指定参数时,只显示本地修改的条目(没有网络访问).  使用 -q 时, ...

  10. day_5.07py

    正则: