渗透测试学习--HTML基础-01

  # HTML基础
	  ###### 1-Html页面的组成结构
	<!DOCTYPE html>
	<html>
		  <head>
			  <title></title>
			<head>
			<body>
			</body>
	<html>
			
  <!doctype html>

例如:百度一下,源代码查看 <!-- 尖括号标签中的内容为>
<!doctype html>
<html class="expanded">
<head>

<!--STATUS OK-->
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
==<!-- meta标签提供有关页面的元信息,比如针对搜索引擎和更新维度的描述和关键词也可以设置网站关键字 >==

<link rel="icon" href="//mbdp02.bdstatic.com/pcnews/static/fisp_static/common/img/favicon.ico" >
==<!-- link ,定义文档与外部资源的关系 >==

<title>百度新闻——海量中文资讯平台</title>
<!-- title标签 网站标题 >

<meta name="description" content="百度新闻是包含海量资讯的新闻服务平台。" >
<script type="text/javascript">
document.write("<script type='text/javascript' src='//news-bos.cdn.bcebos.com/mvideo/pcconf_2019.js?"+new Date().getTime()+"'><\/script>");
</script>
<script type="text/javascript"> window.NEWSLOGURL = 'https://log.news.baidu.com/v.gif'; window.HUNTERLOGURL = '//log.news.baidu.com/u.gif'; window._hmt = window._hmt || [];</script>
<script type="text/javascript" src="//mbdp02.bdstatic.com/pcnews/static/fisp_static/common/resource/js/usermonitor_88a158c.js?v=1.2"></script>

<!-- script标签引入js文件 >

<link rel="stylesheet" type="text/css" href="//mbdp02.bdstatic.com/pcnews/static/fisp_static/common/module_static_include/module_static_include_03c29fd.css"/><link rel="stylesheet" type="text/css" href="//mbdp02.bdstatic.com/pcnews/static/fisp_static/news/focustop/focustop_2701266.css"/></head>
<body>
<div id="header-wrapper" class="clearfix">
<div id="usrbar" alog-group="userbar" alog-alias="hunter-userbar-start"></div>
<p class="city-tip">您所选城市新闻不足,将展示省会新闻</p>
<!-- p标签 定义了一个段落 >

<!--[if !IE]><!--><img src="[https://news-bos.cdn.bcebos.com/mvideo/log-news.png](https://news-bos.cdn.bcebos.com/mvideo/log-news.png)" alt="百度新闻" height="46px" width="137px"><!--<![endif]-->

==<!--两个尖括号的内容为注释 >==

<h1>h1<h1>
<h2>h2<h2>
<h3>h3<h3>
<h4>h4<h4>
<h5>h5<h5>
<h6>h6<h6>
字体大小标签,从h1到h6字体从大到小

<br> 换行标签

<hr> 换行线

<strong>字体加粗</strong>
<b>字体加粗</b>
<i>斜体</i>
<u>下划线</u>
<sup>上标</sup>
<sub>下标</sub>下
<del>删除线</del>
<font>规定字体属性</font>
size字体大小
color字体颜色

<pre></pre>保留代码缩进。对空行和空格 进行控制

动手写第一个html页面,我选择使用VScode
打开VScode 随便写点东西
在这里插入图片描述

保存为html文件,点击左边的三角形“运行和调试”
在这里插入图片描述

在页面点击鼠标右键,选择“查看页面源代码”
在这里插入图片描述

一个简单的html页面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值