HTML语法
我们通过浏览器看到的所有页面其内部都是HTML代码。
<h1>..</h1>:1级标题
<a href='这是一个网址'>描述性信息</a>
<img src='图片的地址' alt='图片加载不出来显示的信息' title='鼠标放在上面显示信息'>
<!--这是注释-->
<head>这是一些配置信息,是给浏览器看的</head>
<body>这是一些用户能够看到的信息</body>
# head内经常用到的标签
<title>网页标题</title>
<style>内部用来写css代码</style>
<link rel='stylesheet' hreaf='外部css文件'>
<script src='js外部文件'>内部用来写js代码</script>
<meta name='keywords' content='用浏览器搜索关键字就会有可能出现这个页面'>
# body内常用的标签
<b>加粗</b>
<u>下划线</u>
<s>删除线</s>
<p>段落</p>
<br>换行符</br>
<hr>水平线</hr>
特殊符号:
空格
> 大于
< 小于
¥ ¥
& &
© ©
® ® 注册商标
常用标签:
div:在刚开始构造页面的时候,可以先使用div来规划区域
span:行内标签,普通文本可使用span占位
标签的分类:
-
按照闭合的方式
- 双标签:结束符是</标签>
- 单标签:自闭合标签
-
按照占行数:
- 块级标签:自己独占一行,其内部除<p>之外,其余都可以嵌套块级标签和行内标签
- 行内标签:占自身文本大小。内部不可嵌套块级标签
a标签
<a href='url(网址)'> </a> # 用户点击之后会跳转到对应的url页面
target='_self':这个相当于在当前页面完成跳转
'_blank':这是另开一个新的窗口
a标签还有一个锚点动能
点击文本标题会跳转到标题对应的区域,主要是通过给标签设置本页面独一无二的标签Id.
<h1 id='1'>标题</h1>
<a href='#1'> 跳转到标题1</a> # 单击这个标签即可跳转到id为1的标签
列表标签
1. 无序列表
<ul>
<li>排列一致的数据</li>
<li>排列一致的数据</li>
<li>排列一致的数据</li>
</ul>
2.有序列表
<ol>
<li>1.XXX</li>
<li>2.XXX</li>
<li>3.XXX</li>
</ol>
3.标题列表
<dl>
<dt>标题1</dt>
<dd>内容1<dd>
<dt>标题2</dt>
<dd>内容2<dd>
<dt>标题3</dt>
<dd>内容3<dd>
</dl>