HTML+CSS从0开始（1）

前言

为什么要专门写这个呢，因为我要记一下我吃的亏，踩得坑，这几天在公司接触到一个需求，涉及到了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> 网页的标题信息，会出现在浏览器的标题栏中，用于高速用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题迅速的判断出网页的主题
注释
<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> 超链接
1. <a href="url" title="当鼠标滑动至整个连接的时候现实的内容"></a>
2. <a href="url" target="_blank"> 超链接默认在原页面跳转，加上target目标后可以实现打开新页面

HTML+CSS从0开始（1）

前言

入坑第一课

入坑第二课

猜你喜欢