文档章节

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
这样的学渣应届生能找到工作?本人现在在深圳,正在找工作,有意者联系。培训机构请勿打搅

个人简历 姓 名: 林 X 性 别: 男 出生日期: 1991-07-28 籍 贯: 广西-玉林 目前城市: 深圳市 学 历: 本科 毕业院校: 广西大学 计算机与电子信息学院 专 业: 计算机科学与技术 Q Q: ...

每周精粹
2014/07/06
6.1K
40
[图文教程] 迷你日记 - 只需要4个小白接口,便可快速开发App

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

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

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

深蓝浅蓝的天
2017/11/01
0
0
3 款 Linux 桌面的日记程序

用轻量、灵活的数字日记工具来记录你的活动。 保持记日记的习惯,即使是不定期地记,也可以带来很多好处。这不仅是治疗和宣泄,而且还可以很好地记录你所在的位置以及你去过的地方。它可以帮...

19%
07/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 自定义你的空间

通过对你的空间进行界面的自定义能够让你的空间更加出类拔萃。 如果你具有空间管理员权限,你可以修改你空间的颜色配色,添加你自己的空间标识,选择是否在你空间中显示边栏。或者你可以进入...

honeymose
今天
1
0
Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部