此系列文章为个人学习笔记,可能有许多地方不是很全面欢迎指正。
网页基础
网页设计html现在一般用的框架为—HTML5
html5<!DOCTYPE html>
<html lang="en">
<head> *[<!-- head标签中写的是网页中的一些格式。-->]
<meta name='description' content = '页面的相关描述'/>
<meta name='keyword' content='关键字1,关键字2,.......'/>
<meta charset="UTF-8"/>这里是设置网页的字符编码格式 ,meat标签只在head标签中出现 (这里不确定)
<title>这是第一个html页面</title>
</head>
<body>
里面是网页中显示的内容
</body>
</html>
常见的字符的编码格式有以下三种:
- ISO-8859-1 英文
- GB2312 中文
- UTF-8
标签的格式是<*></*>
这种前后照应的 。*
指的是用到的标签名称如一级标题标签<h1>内容</h1>
标题标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
以上是六种标题标签,相当于word文档中的几级标题,1~6分别对应一到六(解释好像有点多余)。
<p></p> ----标签是段落标签
<pre> ----格式化标签
<!--注释内容--> ----注释
非容器标签
<br> 换行标签
<hr> 线条标签
<pre> 格式化标签
只需要一个标签名即可实现其相应的功能。
因为CSDN编辑器支持,编译HTML的代码,下面为测试:
换行标签测试:
线条标签测试:
殊符号
字体实符空格  ;
大于号 >
小于号 <
引号 "
版权符号 ©
测试:
大于号测试:>
小于号测试:<
引号测试: "
版权号测试:©
ps:由于空格无法直观显示,所以并没有测试。
字体标签设置(加粗、斜体)
<strong>字体加粗</strong>
测试字体
<em>斜体</em>
测试字体
图片标签
在看语句之前,首先看一下几种图片格式。
常见的图片格式:
JPG 较为常用可以压缩
GIF 支持动画
PNGBMP 不适合用在互联网上显示
图片的语法:<img>也是非容器标签<img src = "path" alt="text" width="x" height="y" />
属性介绍:
src 图片地址
alt 图像的代替文字(图片未显示时显示的文字)
title 鼠标悬停提示文字
width 图像的宽度
height 图像的高度
图片的路径问题:尽量使用相对路径,可移植性好
../
表示上一层目录