基本标签与属性

<html>全部

<body>主体

<h1>标题

<p>段落

<br>空行，一般都会额外添加，并不总是需要自己添加，可以在<p>中使用

<a href="url">链接

<img src="a.jpg" width="104" height="142">图片

<hr/>水平线

<!注释写在里面>

1、如果在很多网页中定义，需要用到外部样式表，调用方式是在<head>中使用<link>。

2、如果在一个网页的多处定义，需要用到内部样式表，调用方式是在<head>中使用<style>。

3、如果只在一处定义，需要用到内联样式，调用方式是在相关的标签中使用样式属性，属性名称是style。

具体更加深入的应用，需要参照css。

样式

外部样式表的一个例子：

<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>

内部样式表的一个例子：

<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>

链接与图像

链接使用标签<a>，共有两种方式：

1、使用href属性，创建一个对外的链接——指向其他文档。

2、使用name属性，创建一个对内的链接——指向本文档的其他位置。事实上，name属性只用于创建“锚”（也就是书签），如果想链接到书签，还是要使用href属性，

另外比较常用的属性有

target：以何种方式打开链接，_blank表示在新窗口中打开，_self表示在当前窗口打开，如果在框架之内要跳出框架，要用到_top。

调用例子：

外部链接：<a href="http://www.cnblogs.com/yesuuu/" target="_blank">yesuuu的博客</a>

内部链接：<a name='yesuuu'>这里是要链接到的位置</a>

　　　　   <a href="#yesuuu">这里是链接</a>

　　　　   如果想要链接到其他文档的锚的话，只需要用如下的语法

　　　　　<a href="url#yesuuu">这里链接到其他文档的锚。

图片使用标签<img>，注意这是空标签，即后面没有内容，调用方式为<img blahblah />

属性主要有

src：图片source，url。

alt：如果图片无法加载，替换的文本。

align：定义图片的位置。

width，height：定义图片的大小

【html】html笔记综合的更多相关文章

  1. 嵌入式学习笔记(综合提高篇 第一章) -- 利用串口点亮/关闭LED灯

    1      前言 从踏入嵌入式行业到现在已经过去了4年多,参与开发过的产品不少,有交换机.光端机以及光纤收发器,停车场出入缴费系统,二维码扫码枪,智能指纹锁以及数字IC芯片开发等; 涉及产品中中既有 ...

  2. 嵌入式学习笔记(综合提高篇 第二章) -- FreeRTOS的移植和应用

    1.1    资料准备和分析 上章节通过实现双机通讯,了解如何设计和实现自定义协议,不过对于嵌入式系统来说,当然不仅仅包含协议,还有其它很多需要深入学习了解的知识,下面将列出我在工作和学习上遇到的嵌入 ...

  3. ！Web云笔记--HTML基础

    Web自学笔记第一阶段笔记综合汇总 参考资料:<Head First HTML&CSS>(中文第二版)(美国)弗里昂ISBN:9787508356464 中国电力出版社 全部阶段: ...

  4. 01-初学总结之《谭浩强C程序设计》

    注:个人针对于课本的易错点进行了相关的整理.整理的不专业,多多见谅. C语言中的易出错的点 这个笔记综合了 0. 常量&变量 常量 整型常量 -345,1000,0 实型常量 1)   十进制 ...

  5. [terry笔记]RMAN综合学习之恢复

    ［terry笔记］RMAN综合学习之备份http://www.cnblogs.com/kkterry/p/3308405.html ［terry笔记］RMAN综合学习之恢复 http://www.cn ...

  6. [terry笔记]RMAN综合学习之备份

    rman是最经济实惠的oracle备份工具,在这里做一个rman的整体学习. 文章中大多是rman命令的语法,还是最好做做实验,以便印象深刻,因为大多数数据库的备份就是按时跑脚本,恢复也不是经常能遇到 ...

  7. [terry笔记]RMAN综合学习之配置

    ［terry笔记］RMAN综合学习之备份http://www.cnblogs.com/kkterry/p/3308405.html ［terry笔记］RMAN综合学习之恢复 http://www.cn ...

  8. 《Android开发艺术探索》读书笔记 (13) 第13章 综合技术、第14章 JNI和NDK编程、第15章 Android性能优化

    第13章 综合技术 13.1 使用CrashHandler来获取应用的Crash信息 (1)应用发生Crash在所难免,但是如何采集crash信息以供后续开发处理这类问题呢?利用Thread类的set ...

  9. canvas学习笔记（下篇） -- canvas入门教程--保存状态/变形/旋转/缩放/矩阵变换/综合案例（星空/时钟/小球）

    [下篇] -- 建议学习时间4小时  课程共(上中下)三篇 此笔记是我初次接触canvas的时候的学习笔记,这次特意整理为博客供大家入门学习,几乎涵盖了canvas所有的基础知识,并且有众多练习案例, ...

随机推荐

  1. pandas（六）读写文本格式的数据

    pandas提供的将表格型数据读取为DataFrame对象的函数. 函数 说明 read_csv 从文件.URL.文件型对象中加载带分隔符的数据.默认分隔符为逗号. read_table 从文件.UR ...

  2. alter session set events

    .alter session set events 一.Oracle跟踪文件    Oracle跟踪文件分为三种类型,一种是后台报警日志文件,记录数据库在启动.关闭和运行期间后台进程的活动情况,如表空 ...

  3. 用python的turtle画分形树

    由于分形树具有对称性,自相似性,所以我们可以用递归来完成绘制.只要确定开始树枝长.每层树枝的减短长度和树枝分叉的角度,我们就可以把分形树画出来啦!! 代码如下: # -*- coding: utf-8 ...

  4. pkg-config用法和gcc cflags

    pkg-config程序是干什么用的?简单的说就是向用户向程序提供相应库的路径.版本号等信息的程序. 譬如说我们运行以下命令:pkg-config  查看gcc的CFLAGS参数 $pkg-confi ...

  5. bootstrap select 学习使用笔记-------选中赋值及change监听丢失

    在 bootstrap 和 knockout 共同存在下使用 select 下拉选择插件,发现绑定选项.赋值之后插件不可用了,绑定的监听事件也丢失了.迫不得已在绑定选项值之后再次调用刷新,以及赋值后重 ...

  6. iOS程序的启动过程介绍

    大家在学习iPhone开发时候,都会写HelloWorld程序.大家一般都是通过向导,生成项目,然后通过模拟器启动应用程序.但是大家知道其背后的启动过程吗?也就是当点击程序图标启动程序开始到退出程序整 ...

  7. 在python中打开文件显示没有权限PermissionError: [Errno 13] Permission denied:

    不多说了,我犯了低级错误 ,文件路径搞错了

  8. 【JavaScript】写代码前的准备

    1.搭建开发环境,编辑器推荐HBuilder,浏览器用谷歌. 2.编写一个HelloWorld程序. HelloWorld.html <!DOCTYPE html> <html> ...

  9. Thrift简单调用

    pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w ...

  10. Sybase：存储过程中采用临时表存储统计数据

    Sybase:存储过程中采用临时表存储统计数据 作用 很有效的提升统计查询速度,对于数据量亿级.千万级多表之间关联查询,非常有效: 使用 --无需定义临时表,直接使用 --自动释放临时表 select ...