Html&基本标签&列表
之前对Html有过学习和了解,但没有系统学习,基础还是很重要的所以现在重新学习,一起共勉。
Html基础
1.基本信息
- DOCTYPE 告诉浏览器,我们要使用什么规范
- head标签代表网页头部
- meta描述性标签,它用来描述我们网站的一些信息
- meta一般用来做SEO
- title标签代表网页的主体
2.基本标签
- h1-h6 一级-六级标签
- p 段落标签
- hr 水平标签
- br 换行标签
- strong 粗体标签
- em 斜体
-  (空格) @copy(版权所)有 >(大于号) <(小于号)—-特殊标签
3.图像标签
-
<img src="../html/img/1.png" alt="女孩" title="悬停文字" width="500px" height="500px" >
(src:图片地址(必填)相对地址(推荐使用);绝对地址../ –上一级目录 alt: 图片名字(必填))4.链接标签
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
a 标签,href : 必填,表示要跳转到那个页面,_blank 在新标签中打开,_self 在自己的的网页打开.- 锚链接1.需要一个锚标记2.跳转到标记
<a href="#top">回到顶部</a> <a name="down">down</a>
- 功能性链接 邮箱链接:mailto
<a href="mailto:232324265@qq.com">点击联系我</a>
5.列表学习
- 有序列表
应用范围: 试卷,问答….1
2
3
4
5
6
7<ol>
<li>java</li>
<li>python</li>
<li>运维</li>
<li>前端</li>
<li>c</li>
</ol> - 无序列表
应用范围:导航,侧边栏….1
2
3
4
5
6
7<ul>
<li>java</li>
<li>python</li>
<li>运维</li>
<li>前端</li>
<li>c</li>
</ul> - 自定义列表
dl:列表 dt: 列表名称 dd: 列表内容
运用在 公司网页底部<dl> <dt>学科</dt> <dd>java</dd> <dd>python</dd> <dd>位置</dd> <dd>西安</dd> </dl>
基于B站视频学习 特别感谢up主 遇见狂神说
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!