HTML入门

alonli · 发表于 2017-6-21 19:10:22

编辑器文本：

<!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标签可用的属性：字型face 大小size 颜色color，以后可以用样式表来替代
　　网页字型一般用宋体或微软雅黑
　　其他文本标签：

黑体
倾斜
下划线
<del>删除线</del>
上标文字
下标文字
  空格
 换行
　　代码的书写规范与可读性
　　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列

账号		自动登录	找回密码
密码			立即注册

最新rhel8官方手册三本PDF

winhex数据恢复教程（非常巨大，内容丰富）

KMSpico10.2.0 免费激活Win10/Office2016（

zabbix3.4中文手册，官网完整COPY（2019042

zabbix3.4.1安装部署+微信推送信息+大屏显

VMware vcenter+vSphere 6.5 U2共享

CentOS6.5下redis-3.2.6的安装与配置

[经验分享] HTML入门

浏览过的版块

扫码加入运维网微信交流群