web学习笔记——一个简单的HTML
为了更好的做web安全测试,最近开始学习web相关知识。先从最简单的一个html页面开始:
<!DOCTYPE html>
<html><head><title>这是个标题</title></head><body><h1>这是一个一个简单的HTML</h1><p>Hello World!</p></body>
</html>
首行 是一个声明,让浏览器知道我以下代码的格式是基于HMTL的哪个版本,当前为 HTML5。
head 元素可认为是头部元素的容器,在head中,可使用标签:base,link,meta,script,style,title。
title标签用于定义文档的标题。如果把网页加入用户的链接列表或者收藏夹、书签列表,title 元素的内容将成为该网页链接的默认名称。
body 元素可认为是我们页面上看到的东西,是文档的主题。
h1元素标记的内容是一个标签标题的意思。
p 元素是一个段落的意思。
看一下程序的页面效果:
可以看出body里面的h1与p标签是有不同的,h1标签是粗体,并且字体大,p是常规字体,字体略小。我们设置的title标签体现在哪里了呢?1、页面的标题;2、保存书签时浏览器也会以此为默认名。
和h1类似的标签总共有6个,剩余几个为: h2,h3,h4,h5,h6。其中h1字体最大,h6字体最小。
改动一下代码:
<!DOCTYPE html>
<html><head><title>这个是标题</title></head><body><h1>这是一个一个简单的HTML</h1><h2>这是一个一个简单的HTML</h2><h3>这是一个一个简单的HTML</h3><h4>这是一个一个简单的HTML</h4><h5>这是一个一个简单的HTML</h5><h6>这是一个一个简单的HTML</h6><p>Hello World!</p></body>
</html>
效果如下:
再改动下代码:
<!DOCTYPE html>
<html><head><title>这个是标题</title></head><body><h1>这是一个一个简单的HTML,h1<p>Hello World!</p></h1><h2>这是一个一个简单的HTML,h2</h2><h3>这是一个一个简单的HTML,h3</h3><h4>这是一个一个简单的HTML,h4</h4><h5>这是一个一个简单的HTML,h5<p>Hello World!</p><p>Hello World!</p><h6>这是一个一个简单的HTML,h6</h6><p>Hello World!</p><p>Hello World!</p></h5></body>
</html>
效果如下:
在标签标题h1~**h6**下加段落元素p,此时的p其实是样式为标签标题的段落。当p元素与h1~**h6**同结构下时,才是为真正的段落表现形式。
初学乍道,多多关照。
web学习笔记——一个简单的HTML相关推荐
- C语言学习笔记---一个简单的文件压缩示例
通过一个简单的文件文件压缩例子,来学习文件操作的相关函数.该程序以只读的方式 "r" 打开第一个文件,以只写的方式"w"打开第二个文件.将第一个文件中每隔3 ...
- [基因课学习笔记]一个简单的基因家族分析
工作背景 探究在芝麻.大豆以及拟南芥中FAD4-like基因家族进化关系,并使其可视化(进化树) 操作环境及软件的准备 虚拟机应用:VMware Workstation pro 17 虚拟机操作系统: ...
- java web学习笔记(持续更新)
java web学习笔记 一.Java Web简介 二.认识Servlet 1.什么是Servlet? 2.请求路径 3.tomcat 4.Servlet的使用 三.Servlet简单应用 1.创建S ...
- python自训练神经网络_tensorflow学习笔记之简单的神经网络训练和测试
本文实例为大家分享了用简单的神经网络来训练和测试的具体代码,供大家参考,具体内容如下 刚开始学习tf时,我们从简单的地方开始.卷积神经网络(CNN)是由简单的神经网络(NN)发展而来的,因此,我们的第 ...
- VC学习笔记:简单绘图
VC学习笔记:简单绘图 SkySeraph Oct.29th 2009 HQU Email-zgzhaobo@gmail.com QQ-452728574 Latest Modified Date ...
- web学习笔记-html-html新增
CCS学习系列笔记 web学习笔记–css(1) web学习笔记–css(2) web学习笔记–css(3) web学习笔记-html-html新增 1.html基本发展 2.h5新增的功能 3.新增 ...
- 【慕课网】Web学习笔记———CSS3 (一)
[Web学习笔记]CSS3 (一) CSS3代码语法 CSS注释代码 CSS样式 内联式css样式 嵌入式css样式 外部式css样式 权值 CSS3选择器 标签选择器 类选择器 ID选择器 类与ID ...
- STM32F429I-Discovery学习笔记--(1)简单上手和官方例程的下载与使用
STM32F429I-Discovery学习笔记–(1)简单上手和官方例程的下载与使用 到手测试 收到开发板后我们要首先检查一下外观有没有磕碰破损,排针是否发生弯折,重要的是看一下JP3和CN4处的跳 ...
- Tensorflow2学习笔记:简单灰度图分类
Tensorflow2学习笔记:简单灰度图分类 相关介绍 实验环境 实验步骤 导入相关库 导入数据集 浏览数据 预处理数据 构建模型 设置层 编译模型 训练模型 向模型馈送数据 评估准确率 进行预测 ...
最新文章
- sklearn输出模型参数_如何使用sklearn优雅地进行数据挖掘?
- uva 11093——Just Finish it up
- 【Linux系统编程学习】 动态库的制作与使用
- footer代码html,css如何实现footer定位(完整代码)
- Hadoop源码篇--Reduce篇
- mysql dba命令_MySQL DBA命令
- 使用RPM安装Mysql5.5找不到配置文件My.cnf
- NYOJ_23_取石子(一)
- python笔记-动态类型
- android制作图矢量图的工具,矢量图形绘图工具——PaintCode
- python整除符号_python 整除
- php 新浪微博模拟登陆,python模拟新浪微博登陆功能(新浪微博爬虫)
- 一款免费的科研图表绘图工具——Veusz
- 【Axure原型分享】冻结首行首列的中继器表格
- this指向情况详解
- elasticsearch下载太慢在国内, 我把包放到了云盘上,还有kibana,logstash.有需要自取,持续更新版本
- HCIP 综合实验(一)
- CMake windows下代理设置
- oracle simphony_绿云成为Oracle Hospitality解决方案和甲骨文产品最新分销商
- Shell学习--echo命令