HTML入门
编辑器文本:<!DOCTYPE HTML>
Document Type:Hyper Text Markup Language
文件类型为超文本标记语言,"超"含有"超链接"的意思
<meta charset="UTF-8">
页面编码格式为UTF-8编码
UTF-8是一种常用的中文编码,采用这一编码可以避免页面的中文出现乱码
<title>标题名</title>
标题,显示在网页标题栏的内容
<a></a>
A link标签
<img />
image图片插入标签
A标签的链接属性为href,img标签的图片源属性为src,不要记混。
href后跟的属性值需注明传输协议 “http、https、ftp、thunder、magnet”等。
格式为
<a href="https://www.xxx.com">内容</a>
A标签的另一个常用属性:
target="_blank“ 新建空白页打开链接
target="_self"在本页面跳转链接
img标签的图像大小属性:
height="属性值"高度
width="属性值"宽度
属性值可以为数字(后接px表示像素,像素只为整数),属性值也可以为百分比100%。
单独使用height或width属性时,图像大小会随着长与宽的变化自行缩放,同时使用两个属性图像会按照属性值规定的大小拉伸。
图像标签的两个其他常用属性:
alt="文字内容"当图片没有成功刷新时显示的内容,可以引导超链接
title="文字内容"当鼠标指向图片时显示的内容
backgroundcolor
定义背景色属性的格式为
bgcolor="#xxxxxx"
<font>文本内容</font>
font标签可用的属性:字型face 大小size 颜色color,以后可以用样式表来替代
网页字型一般用宋体或微软雅黑
其他文本标签:
<b>黑体</b>
<i>倾斜</i>
<u>下划线</u>
<del>删除线</del>
<sub>上标文字</sub>
<sup>下标文字</sup>
空格
<br /> 换行
代码的书写规范与可读性
1、初学过程中书写双标签元素时,先把开放和结束标签写完整再添加属性和中间内容。
格式为<标签 属性1=“属性值1”属性2=“属性值2”..... 属性n=“属性值n”>内容</标签>
2、单标签元素后加 /。
3、使用Tab键来缩进(4格)一列代码,使代码的标签和内容有层次,便于阅读。
4、过长的代码可以按照属性分行,便于阅读,例如:
<a href="https://www.xxx.com">
<img src="xxx\xxx.jpg”
height="100px"
width="100px"
/>
</a>
5、标签元素总是使用小写
6、添加注释
<!--注释内容-->
添加注释来说明某一段代码的用途或逻辑,方便修改或阅读
属性指向的源文件路径
绝对路径:指源文件在计算机中的路径,一般不用
相对路径:指源文件与当前编辑文件之间的路径
以图片文件为例
同一目录下: src="xxx.jpg"或src="./xxx.jpg"
上一级目录下: src="../xxx.jpg"
上一级目录的其他文件夹下: src="../其他文件夹/xxx.jpg"
根目录下: src="/xxx.jpg"
表格元素
<table>表格
<tr>行
<td>单元格
表格元素的属性
color颜色
border边框
bgcolor背景色
align水平位置 属性值left center right
valign垂直位置 bottom middle top
单元格合并
colspan行
rowspan列
页:
[1]