web前端基础部分（一） HTML

来源：互联网发布：java soa 开源框架编辑：程序博客网时间：2024/06/04 08:05

首先在分享技术之前，先侃几句！

一、声明所有博客内容均为本人学习过程的总结，希望能为学习web前端的技术的朋友提供一个良好的学习参考，也希望大牛们看到后，能够指点错误与不足！

二、因本人并不是专门学习网站开发与设计人员，只因在实际开发中需要使用到相关技术，所以学习！因此分享的内容并不是很全，只是学习web前端的基础重点，及常用的一些技术！所以如果是专门想从事网站的朋友，该博客只能作为学习参考，切勿止步于此！

HTML

1、html简介

html：Hyper Text Markup Language ( 超文本标记语言 )，它不是编程语言，而是一种描述性标记语言。

作用：用于定义网页结构

特点：a、不能够处理程序的逻辑

b、描述性标记语言

c、不需要编辑，由浏览器解释执行

编写规范：a、标签名小写

b、标签又开始就要有结束如： <html> ......... </html>

c、属性值必须要有单引或双引号包起来

组成： <html>

</html>

扩展名： .html 或 .htm

2、排版标签 *

标签：<p>\<span>\<div>\<br>\<hr>

p 标签指段落 span 标签指行

div标签是一个容器类似 p标签

br标签是换行

hr标签是生成一条线（实际开发中几乎不用）

3、字体标签

无序标签：

<ul>

<li>

...

<li>

</ul>

有序标签：（type、start属性）

<ol>

<li>

...

</li>

</ol>

定义列表：

<dl>

...

</dl>

4、图像标签（有相对和绝对路径之分） *

标签：<img>

5、标签的链接（target属性）

标签：<a>

外部链接 src要使用绝对路径

内部链接（锚链接） src也可以是相对路径百度百科的目录就是锚链接应用

功能性链接（我们在浏览淘宝时，点击练习卖家，弹出来新的应用。这就是一个功能链接）

6、表格标签（表格的合并）

标签：<table>\<tr>\<td>\<caption>

<table>

<tr>

</tr>

...

<tr>

</tr>

</table>

7、表单标签***** (很重要)

标签：<form>\<input>(type属性)\<textarea>\<select>\<option>\<button>

8、框架标签

标签：<framesef>\<frame>\<noframes>\<iframe>

9、常用实体

&nbsp\&lt\&gt\&reg\&copy\&yen

10、头部标签

标签：<title>\<base>\<meta>\<link>\<style>\<javascript>

因时间原因今天内有写相关的源代码，在之后的博客中，实际开发常用的标签我们都将会用到！到时也会把源码写上！

0 0

web前端 基础部分（一） HTML

web前端基础部分（一） HTML