首先在分享技术之前,先侃几句!
一、声明所有博客内容均为本人学习过程的总结,希望能为学习web前端的技术的朋友提供一个良好的学习参考,也希望大牛们看到后,能够指点错误与不足!
二、因本人并不是专门学习网站开发与设计人员,只因在实际开发中需要使用到相关技术,所以学习!因此分享的内容并不是很全,只是学习web前端的基础重点,及常用的一些技术!所以如果是专门想从事网站的朋友,该博客只能作为学习参考,切勿止步于此!
HTML
1、html简介
html:Hyper Text Markup Language ( 超文本标记语言 ),它不是编程语言,而是一种描述性标记语言。
作用:用于定义网页结构
特点:a、不能够处理程序的逻辑
b、描述性标记语言
c、不需要编辑,由浏览器解释执行
编写规范:a、标签名小写
b、标签又开始就要有结束 如: <html> ......... </html>
c、属性值必须要有单引或双引号包起来
组成: <html>
<head>...</head>
<body>...</body>
<!--...-->
</html>
扩展名: .html 或 .htm
2、排版标签 *
标签:<p>\<span>\<div>\<br>\<hr>
p 标签指段落 span 标签指行
div标签是一个容器类似 p标签
br标签是换行
hr标签是生成 一条线(实际开发中几乎不用)
3、字体标签
无序标签:
<ul>
<!--通常用于标题,例如百度百科的目录-->
<li>
...
<li>
</ul>
有序标签:(type、start属性)
<ol>
<!--和无序标签不一样的是,这里定义的标签有循序。-->
<!--可以把标签顺序理解成数组的下标(1开始),且该下标可以是字母-->
<li>
...
</li>
</ol>
定义列表:
<dl>
<!--dt标签只能有一个,但是dd标签可以是多个-->
<dt>...</dt>
<dd>...</dd>
...
</dl>
4、图像标签(有相对和绝对路径之分) *
标签:<img> <!--相对路径及图片和文件在同一目录,绝对路径“http:\\www.baidu.com”-->
5、标签的链接 (target属性)
标签:<a>
外部链接 src要使用绝对路径
内部链接(锚链接) src也可以是相对路径 百度百科的目录就是锚链接应用
功能性链接 (我们在浏览淘宝时,点击练习卖家,弹出来新的应用。这就是一个功能链接)
6、表格标签(表格的合并)
标签:<table>\<tr>\<td>\<caption>
<table>
<tr>
<td>....</td>
</tr>
...
<tr>
<td>...</td>
</tr>
</table>
7、表单标签***** (很重要)
标签:<form>\<input>(type属性)\<textarea>\<select>\<option>\<button>
8、框架标签
标签:<framesef>\<frame>\<noframes>\<iframe>
9、常用实体
 \<\>\®\©\¥
10、头部标签
标签:<title>\<base>\<meta>\<link>\<style>\<javascript>
因时间原因今天内有写相关的源代码,在之后的博客中,实际开发常用的标签我们都将会用到!到时也会把源码写上!