版权声明:版权归PHPerJiang所有 https://blog.csdn.net/qq_36558538/article/details/85693705
前言
为什么要专门写这个呢,因为我要记一下我吃的亏,踩得坑,这几天在公司接触到一个需求,涉及到了html+css+js,不巧,这是我的薄弱项,我自学了PHP,主攻后端,玩起前端来真的菜,问着度娘看着手册开发还得半天,我在公司的导师看不下去了,给了我一个学前端基础的网站,这可打击我了,我自己也知道我前端基础薄弱,但我不想因为这个被人说能力不行,当然导师也没这么说我,我只是自己举得这样不好,既然不会,基础薄弱怎么办!干特娘的!学!
入坑第一课
- html是网页内容的载体 ,内容就是网页制作者放在页面上想要用户浏览的信息,包括文字图频视频等
- css样式是表现,比如字体、颜色变化、或者为标题加入背景图片边框等,用来改变内容外观的东西
- js(javascript)是用来实现网页上的特效效果。
- 标签在html中都是成对出现的
- html有固定结构的
<html> <head>...</head> <body>...</body> </html>
<html>称为根标签,所有网页标签都要在html中,<head>标签用于定义文档头部,是所有头部元素的容器,头部元素包含<title>、<script>、<style>、<link>、<meta>等你哦啊跑起哦按,<body>标签之间的内容是网页的重要内容
入坑第二课
- <h1></h1> 一级标题
- <p></p> 段落标签
- <img> 图片标签
- <title> 网页的标题信息,会出现在浏览器的标题栏中,用于高速用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题迅速的判断出网页的主题
- 注释 <!--content-->
- <em></em> 斜体,表示弱强调
- <strong> </strong> 加粗,表示强强调
- <span></span> 没有语意,用来给特定文字增加样式的
- <q></q> 引用标签,用在引用其他地方的时候,是对简短文本的引用
- <blockquote> </blockquote> 段引用,用于长文本引用
- <br/> 回车
- &bnsp; 空格
- <hr /> 加一条横线
- <address></address> 用于加入地址、邮箱地址、签名、文档作者身份等
- <code></code> 代码标签,用于展示代码
- <pre>></pre> 格式化文本,用途可以是展示大块的代码
- <ul><li></li></ul> 没有前后顺序的列表信息
- <ol><li></li></ol> 用来展示有顺序的列表信息默认是1、2、。。。
- <div></div> 用来划分区域,是一个容器
- table下的摘要summary及表格标题caption
<table summary="这是摘要。用水搜索引擎更好的识别"> <caption>这是表格的标题</caption> <tr> <th>产品名称 </th> <th>品牌 </th> <th>库存量(个) </th> <th>入库时间 </th> </tr> </table>
-
<a href="url"></a> 超链接
-
<a href="url" title="当鼠标滑动至整个连接的时候现实的内容"></a>
-
<a href="url" target="_blank"> 超链接默认在原页面跳转,加上target目标后可以实现打开新页面
-