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

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>
&nbsp; 空格
<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]
查看完整版本: HTML入门