文档章节

HTML学习日记(1-基础)

Almon
 Almon
发布于 2016/12/04 18:20
字数 635
阅读 80
收藏 0

简介

<!doctype html>
<html>
<head>
<meta charest="utf-8">
<title>HellowWorld!</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>Hellow World</p>
</body>
</html>

<doctype>声明文档类型

<html></html>之间内容用于描述文档

<head></head>描述页面标题<title></title>

<meta charset="utf-8">声明字符为utf-8,防止中文出现乱码

<body></body>之间内容为网页可视内容

<h1></h1>为内容标题,h1即1级标题,h234以此类推

 <p></p>为一个段落

Html元素语法

HTML元素以开始标签起始,以结束标签中止

元素的内容是开始标签与结束标签之间的内容

大多数HTML元素可拥有属性

某些元素具有空内容,空元素在开始标签中进行关闭

<br/>定义换行

HTML属性

HTML元素可以设置属性,添加附加信息

属性一般描述于开始标签,总以值对的形式出现

<a hrcf="http://www.baidu.com">百度</a>
HTML链接由<a></a>定义,地址由hrcf指定

HTML水平线---<hr>

HTML注释格式

<!--注释内容-->

HTML段落

不允许省略结束标签

<p>
演示<br>分行<br>效果
</p>

浏览器会移除多余的空格和空行

HTML文本格式化

使用标签对输出文本进行格式化

<b></b>粗体
<i></i>斜体

HTML链接

<a href="http://www.xxx.com/" target="_blank">访问链接<a/>
href指定地址
target="_blank"表示在新窗口中打开

id属性属于隐藏提示,可用于目录跳转,通过href指定

<p>
<a href="#C4">查看章节 4</a>
</p>

<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 2</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 3</h2>
<p>这边显示该章节的内容……</p>

<h2><a id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>

<h2>章节 5</h2>
<p>这边显示该章节的内容……</p>

<h2>章节 6</h2>
<p>这边显示该章节的内容……</p>

HTML头部

<head></head>包含所有头部标签元素

<title>定义不同文档的标题(浏览器工具栏,收藏夹,搜索引擎),必须设置
<style>定义文档的样式文件引用地址
<meta>定义基本的元数据,被浏览器解析,作者,关键词等
<link>定义文档与外部资源之间的联系,通常用于连接到样式表
<script>用于加载脚本文件
<noscript> 
<base>定义基本的链接地址,默认链接

 

© 著作权归作者所有

共有 人打赏支持
Almon
粉丝 2
博文 64
码字总数 44346
作品 0
江北
每天5分钟日记

第一天 近期的目标 要做到早睡早起,早睡先放到一边,先要做好早起的准备。 先运动一个小时,然后,晚上要回顾一天的生活工作,核查自己一整天的任务完成情况以及调整第二天的任 务。 近期目...

boogoogle
2016/01/24
9
0
[图文教程] 迷你日记 - 只需要4个小白接口,便可快速开发App

开发示例:迷你日记 假设当前需要开发一个迷你版的日记,用于纪录私人生活感想。本文将说明如何使用小白接口配合构建你想要的APP。  在线示例和源代码 最终实现效果,请访问:http://demo.o...

暗夜在火星
2017/12/07
8
0
浅谈自省

儒家的修、齐、治、平中首要就在修身,俗话说“一屋不扫何以扫天下”,自己的事情如果都处理不好更不用多谈其他了。我个人觉得真心想学习儒家文化的人,修身是必不可免的,否则一些道理无从说...

深蓝浅蓝的天
2017/11/01
0
0
JAVA学习日记DAY1

基础概念 硬件:hardware 软件:software (microsoft) 操作系统: OS,operating system 裸机,类unix系统(linux,aix,xenix...),microsoft windows,Mac OS, office,exchange 邮件服务器,and......

小晓的筱
2017/07/07
0
0
Java实现个人博客网站

说明:该项目是实验楼用户“LOU3165780622”发布在实验楼上的项目教程:【Java实现个人博客】,未经允许,禁止转载; 该项目利用 SSM 框架和 Mysql 以及一些简单的前端知识搭建一个自己的个人...

实验楼
2017/12/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Shiro | 实现权限验证完整版

写在前面的话 提及权限,就会想到安全,是一个十分棘手的话题。这里只是作为学校Shiro的一个记录,而不是,权限就应该这样设计之类的。 Shiro框架 1、Shiro是基于Apache开源的强大灵活的开源...

冯文议
今天
1
0
linux 系统的运行级别

运行级别 运行级别 | 含义 0 关机 1 单用户模式,可以想象为windows 的安全模式,主要用于修复系统 2 不完全的命令模式,不含NFS服务 3 完全的命令行模式,就是标准的字符界面 4 系统保留 5 ...

Linux学习笔记
今天
2
0
学习设计模式——命令模式

任何模式的出现,都是为了解决一些特定的场景的耦合问题,以达到对修改封闭,对扩展开放的效果。命令模式也不例外: 命令模式是为了解决命令的请求者和命令的实现者之间的耦合关系。 解决了这...

江左煤郎
今天
3
0
字典树收集(非线程安全,后续做线程安全改进)

将500W个单词放进一个数据结构进行存储,然后进行快速比对,判断一个单词是不是这个500W单词之中的;来了一个单词前缀,给出500w个单词中有多少个单词是该前缀. 1、这个需求首先需要设计好数据结...

算法之名
昨天
15
0
GRASP设计模式

此文参考了这篇博客,建议读者阅读原文。 面向对象(Object-Oriented,OO)是当下软件开发的主流方法。在OO分析与设计中,我们首先从问题领域中抽象出领域模型,在领域模型中以适当的粒度归纳...

克虏伯
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部