1.HTML:Hyper Text Markup Language 超文本标记语言
超文本:比普通文本功能更加强大,可以添加各种样式
标记语言:通过一组标签对内容进行描述<关键字/>
2.<b></b>加粗
3.<i></i>倾斜
4.<strong></strong>标签 加粗,带语义标签
5. <em></em>标签 斜体,带语义标签 6.<br>换行
6. <p></p>段落标签
7.<hn></hn>标题标签n的取值1-6,字体由大到小
8. <p></p>与<br>的区别:
<p></p>在前后都加换行
<br>只在末尾加换行
9.
<!DOCTYPE html> <html> |
1.上面是一个文档声明 2.根标签html 3.html文件主要包含两部分,头部分和体部分 头部分:主要放置页面信息 体部分:主要放置html页面内容 4.<meta>标签 网站的配置信息 charset指定浏览器打开页面的编码格式 5.<title/>标签 指定网站的标题 6.<body/>标签 放置内容 7.通过标签对内容进行描述,标签通常是由开始标签和结束标签组成 8.标签不区分大小写,官方建议使用小写 |
10. <font></font>改变字体
color属性 改变字体颜色
size属性 改变字体大小 取值1-7 字体由小变大
face属性 改变字体
11.img标签
src 指定图片路径
width 指定图片宽度 px单位是像素
height 指定图片高度
alt 文件加载失败时的提示信息
路径问题 相对路径
./代表当前路径
../代表上级路径
../../代表上上一级路径
12.无序列表
ul
li列表项
type属性 circle 空心圆 disc 实心圆 square 实心方块
13.有序列表
ol
li列表项
type属性 circle 空心圆 disc 实心圆 square 实心方块
也可是a,A,1,i,I
start属性 从第几个开始,必须是数字
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li type="circle">百度</li>
<li type="disc">新浪微博</li>
<li type="square">谷歌</li>
</ul>
<hr/>
<ol>
<li >百度</li>
<li >新浪微博</li>
<li >谷歌</li>
<li type="circle">百度</li>
<li type="disc">新浪微博</li>
<li type="square">谷歌</li>
</ol>
<hr/>
<ol type="a" start="6">
<li>百度</li>
<li>新浪微博</li>
<li>谷歌</li>
</ol>
<hr/>
</body>
</html>
14.<a></a>标签
href 跳转路径 指定要跳转去的链接地址.如果是网络地址需要加上http协议 , 如果访问的是本网站的html文件,可以直接写文件路径
target 以什么方式打开 _self默认[在当前页面打开该窗口]
_blank在新的页面打开该窗口
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<!--在当前页面窗口打开跳转页面-->
<li><a href="https://www.csdn.net/">CSDN</a></li>
<li>百度网盘</li>
<li><a href="https://www.baidu.com/" target="_blank">百度</a></li>
<li>火狐</li>
</ul>
</body>
</html>