实习 HTML初学小白day01
一、初识html基础标签
括号为个人学习习惯,其中内容与注释一样,可理解为学习笔记
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--标题标签-->
<h1>这是一个标题</h1> (大号)
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6> (小号)
<!--段落标签-->
<p>既然你诚心诚意的发问啦</p><p>那我就大发慈悲的告诉你</p><p>哈哈</p>
<!--换行标签-->
<br>
<!--水平分隔符-->
<hr >
<!--特殊符号-->
空格
>大于号
<小于号
"引号(成对使用的)
©版权符号
长路与&、短路与&&;长路或|、短路或||。(主要区别是从左往右运算时,长路左值为假,直接输出,不会继续执行;而短路即使左值为假也会继续判断右边)(注意逻辑运算符顺序和赋值运算符的左右执行顺序)
<!--强调标签-->
<strong>沐小峰</strong>
</body>
</html>
小例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>李清照简介</title>
</head>
<body>
<h1>人物简介</h1>
<h4></h4>
<p>
<strong>李清照</strong>
(1084年3月13日~1155年5月12日),宋代女词人,号易安居士,婉约词派代表,有"千古第一才女"之称。早期生活优裕,金兵入据中原
<br>后,流于南方,境遇孤苦。所作词,前期多写其悠闲生活,后期多悲叹身世,情调伤感。形式上善用白描手法,自辟途径,语言清丽。论词强调协律,
<br>高尚典雅,提出词"别是一家"之说,反对以作诗文之法作词,留有诗集《易安居士文集》、《易安词》等。
<hr >
©2019 微信科技版权所有
</p>
</body>
</html>
二、图片标签基础
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--相对路径,同级目录下引用图片./可有可无;但是要引用上级目录下的图片必须是../-->
<img src="同级图片.png" width="400" height="400" title="悬停显示">
<!--网络路径-->
<img src="https://gw.alicdn.com/imgextra/O1CN01QLGeoB1RaD6O3XWa7_!!0-item_pic.jpg_360x360xzq90s150.jpg_.webp" width="400" height="400"
alt="问题图片" border="8" title="悬停显示"> (alt图片出问题时显示利于定位问题图片;border设置边框;title鼠标悬停显示文字)
<!--链接标签-->
<a href="https://editor.csdn.net/md/?not_checkout=1" title="沐小峰"> 链接到我的博客</a>
<a href="https://editor.csdn.net/md/?not_checkout=1" title="沐小峰" target="_blank">链接到我的博客</a>(target属性使用_blank时表示以新页面打开)
</body>
</html>
三、水平、垂直框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<!--垂直分割框架,不能放在body里,删掉body,而且记得设置值(即每个分割页面的占比30%,)-->
<frameset cols="30%,40%,30%">
<frame src="../html02/testA.html" >
<frame src="../html02/testB.html" >
<frame src="../html02/testC.html" >
</frameset>
<!--水平分割框架,不能放在body里,而且记得设置值(即每个分割页面的占比30%,)-->
<frameset rows="30%,40%,30%">
<frame src="../html02/testA.html" >
<frame src="../html02/testB.html" >
<frame src="../html02/testC.html" >
</frameset>
</html>