-HTML语言介绍
HTML: (HyperText Markup Language) 超文本标记语言
- 是网页开发的必备语言
- "超文本"就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
- "标记"就是指页面编写方式采用的是 标签形式 将需要的内容包括起来。例如： <a>www.itheima.com</a>
- 平时上网通过浏览器我们看到的大部分页面都是由html编写的。在浏览器访问网页时，可以通过“右键/查看网页源代码”看到具体的html代码。
动态网页和静态网页
网页根据内容是否改变分为：静态页面、动态页面
静态网页
- 静态网页，随着html代码的生成，页面的内容和显示效果就确定了，以后基本上不会发生变化了，数据都是固定写死的，页面不会对数据库进行访问。
- 静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
动态网页
- 而动态网页则不然，页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。
- 凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术所生成的网页，都是动态网页。
html语法结构
1. 创建“文本文档”，重命名“xxx.html”。文件名自定义，扩展名为html。
2. 右键/打开方式/记事本，开发html文件，并编写如下内容
<html>
<head>
<title>这是标题</title>
</head>
<body>
这里用于显示网页内容
</body>
</html>以上使用的标签组成了HTML页面的基本结构，现将所有标签进行陈述：
- <html> 整个页面的根标签，由头和体组成。
- <head> 头标签，用于引入脚本、导入样式、提供元信息等。一般情况下头标签的内容在浏览器端都不显示。
- <body> 体标签，是整个网页的主体，我们编写的html代码基本都在此标签体内。
-html语法
- HTML文件不需要编译，直接使用浏览器阅读即可
- HTML文件的扩展名是*.html 或 *.htm
- HTML结构都是由标签组成
- 标签名预先定义好的，我们只需要了解其功能即可。
- 标签名不区分大小写
- 通常情况下标签由开始标签和结束标签组成。例如：
- 如果没有结束标签，建议以/结尾。例如：
常用标签
基本标签：
- 标题: , <h1>-<h6>, 数字越大, 显示越小
- 水平分割线: <hr />
- 字体：属性 size \ color
- 换行：<br>
- 段落：<p>
- 超链接：<a>
- 像素（宽）：<width>
- 表格：<table>
- 一行：<tr>
- 单元格：<td>
- 背景颜色：<bg color>
- 居中：<align="center">
- 空格：< >
- 图片路径：<img src>
- 横跨：<colspan>
- 竖跨：<rowspan>
- 无序列表：<ul>
- 版权符号：& copy
- widtn="100%" 与上面宽度大小一致
- color属性：设置字体的颜色
- 颜色的取值：#xxxxxx 或 colorname #xxxxxx 表示使用红绿蓝三原色设置颜色。
- 红绿蓝分别取值：00 -- FF，此处使用16进制。（FF就是十进制的255）
- #000000 表示黑色，#FFFFFF白色
- #FF0000红色，#00FF00绿色，#0000FF蓝色
-
colorname 使用英文单词确定颜色。red 红色，blue 蓝色，green绿色
扫一扫
526
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
