端午小长假--前端基础学起来01
Posted 糖葫芦有点甜
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了端午小长假--前端基础学起来01相关的知识，希望对你有一定的参考价值。
- html和CSS的关系
1）HTML是网页上面的文字、图片的载体
2）CSS是样式，文字的字体，颜色，边框
3）javascript是特效，弹出淡入
- HTML标签
1）<h1></h1>是标题标签，<p></p>是段落标签，<img src="1.jpg">是图片标签
2）网页中每一部分的内容都要放在标签中才能显示
3）标签不分大小写，一般都是小写
- HTML文件的结构
<HTML>根标签
< head> .... < /head>定义文档的头部，里面有
< head>
< title>......</title>显示在浏览器的标题栏
< script>......</script>
< style>.......</style>
< link>
<meta>
</head>
<head>标签中一般写的都不会显示在页面上给读者看，
<body> ....</body>里面是网页的主要内容，<h1><p><a><img>
</HTML>
- HTML的代码注释
<!--注释文字-->
下面的学习中要注意两方面的学习：标签的用途，标签在浏览器中的默认样式
- <p>标签，段落
语法：<p>段落文本</p>,一段文字用一个<p></p>标签，如果有三段文字，用三个<p></p>标签
- <hx>标签，标题
用途：为网页添加标题，一共有6个，h1，h2，h3，h4，h5，h6，h1是最高等级
语法：<hx>标题文本<hx> ,x为1-6
样式：<body>
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
</body>
- < strong>用粗体表示，<em>用斜体表示
语法：<em>要强调的文本</em> < strong>要强调的文本</strong>
- <span>需要为某个东西单独设一个样式时候用，在head中加入标签，设置样式，在body中使用
<head>
span{
color:blue；
}
<
/head>
< body>
< p>为了追寻他的<span>
美国梦</span>，他搬入纽约附近一海湾居住。</p>
< /body>
- <q>，短文本引用，一句话，一首诗
语法：<q>引用</q>，引用的文本不需要加双引号，浏览器会自动加上双引号
- <blockquote>，长文本引用，一大段话
语法：<blockquote>引用文本</blockquote>,引用的文本不需要加双引号，浏览器会自动加上双引号
- <br>分行显示文本，作用相当于回车换行，是一个空标签，只有开始标签，没有结束标签
语法：<br />，在需要回车换行的地方加入
-
语法：
- <hr />,添加水平横线，是一个空标签，只有开始标签，没有结束标签
语法：<hr />
- < address>，邮件地址，文档作者，地址，显示在页面上是斜体
语法：<address>联系地址信息</address>
- <code>在网页中显示出来编程代码，一段代码
语法：<code>代码语言</code>
- <pre>为网页加入大段代码
语法：<pre>代码</pre>
- < ul><li>，添加新闻信息列表内容排列展示，每一项li前都带一个圆点
语法：
<ul>
< li>信息</li>
</ul>
- <ol>添加图书销售排行榜，默认从1开始
语法：
<ol>
<li>信息</li>
</ol>
- <div>把独立逻辑的代码分出来
语法：<div>......</div>
- 给div命名
语法：<div id = "版本名称">....</div>
- table 标签，四个元素：table，tbody，tr 行，th 表头，td 列
- caption，为表格添加标题，显示在页面中，summary，为表格添加摘要，不显示出来；
语法：<table summary="表格简介文本">
eg：
<table
summary="本表格记录2012年到2013年库存记录，记录包括U盘和耳机库存量">
<
caption>2012年到2013年库存记录</caption>
</table>
- <a>超链接
语法：
<a href="目标网址" title= "鼠标滑过显示的文本"> 链接显示的文本</a>
eg:
<a href="www.baidu.com" title = "百度"> 百度</a>
注：默认在当前浏览器窗口打开，若需要在新窗口中打开，
<a href="目标网址" target=“_blank”>click here!</a>
<a href="目标网址" title= "鼠标滑过显示的文本" target=“_blank" >链接显示的文本</a>
- mailto 在网页中链接Email地址，后面同时有多个参数时，第一个参数以？开头，后面的参数每一个都以& 分隔
语法：
<a href =“mailto:[email protected]？subject=主题&body=邮件内容”>发送</a>
- img，为网页插入图片
语法：
<img src ="图片地址" alt="下载失败时的替换文件" title = "提示文本">
src是标识图像的位置，alt 指定图像的描述性文件，当图像不可见时显示的文本，title鼠标滑过图片显示的文字，图像支持gif、png、jpeg
- 认识标签告一段落。
以上是关于端午小长假--前端基础学起来01的主要内容，如果未能解决你的问题，请参考以下文章