一、HTML、CSS、JS 简介
- HTML
- CSS
- JS
二、HTML常用标签
- 文件标签
- 链接标签
- 图像标签
- 表格标签
- 列表标签
- 表单标签
- 其他标签
一、HTML、CSS、JS简介
1、HTML
- HTML 指的是超文本标记语言（Hyper Text Markup Language）
- HTML 不是编程语言，是一种标记语言
- 标记语言是一套标记标签
- HTML 使用标签来描述网页
2、CSS
- CSS指的是层叠样式表（Cascading Style Sheet）
- CSS是一组样式设置的规则，实现内容与样式的分离
- CSS用于页面外观美化、布局和定位
3、JS
- JS指的是JavaScript ，是一门面向 Web 的编程语言
- JavaScript 是一种轻量级的编程语言
- JavaScript 是可插入 HTML 页面的编程代码
- JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行
二、HTML常用标签
1、文件标签
<!DOCTYPE html>
<html>
<head>
<title>CSDN博客(mp.csdn.net)</title>
</head>
<body>
<h1>我是第一个标题</h1>
<p>我是第一个段落。</p>
</body>
</html>
【1】<html> 标签
【2】<head> 标签
【3】<title> 标签
【4】<body> 标签
- 常用属性：text：用于设定文字颜色; background：用于设定背景图片; bgcolor：用于设定背景颜色
【5】 标签
- 常用属性：align 用于设定对齐方式，有 left、right、center，默认 left
2、链接标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSDN博客(mp.csdn.net)</title>
</head>
<body>
<p><a href="https://www.csdn.net/">本文本</a> 是一个指向CSDN上的页面的链接。</p>
</body>
</html>
常用属性：
href：用于设定链接指向页面的 URL name：用于设定锚的名称 页面内部的锚连接 <a href="#名称"></a> 页面间的锚连接 <a href="页面的地址#锚名"></a> target：用于设定在何处打来链接页面 _self：自身打开页面（默认） _blank：新窗口打开
3、图像标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSDN博客(mp.csdn.net)</title>
</head>
<body>
<h2>挪威山旅行</h2>
<img border="0" src="/statics/images/course/pulpit.jpg" alt="Pulpit rock" width="304" height="228">
</body>
</html>
图形标签
常用属性：
src：用于设定要引入的图片的URL alt：用于设定图像的替代文字 width：用于设定图片的宽度 height：用于设定图片的高度 border：用于设定图片边框厚度 align：用于设定图片的文字对齐方式（center/right）
4、表格标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSDN博客(mp.csdn.net))</title>
</head>
<body>
<h4>一列:</h4>
<table border="1">
<tr>
<td>100</td>
</tr>
</table>
<h4>两行三列:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
</body>
</html>
**【1】
**表格的列
**【4】
|