html

122 阅读2分钟

html

1html:超文本标记语言,万维网的描述性语言(不严谨);
2:xhtml:可扩展超文本标记语言,是一种置标语言,语法更严谨;
3:html5:HTML的第五次重大修改。

文件命名规范

1:小写英文字母,数字,下划线的组合;
2:其中不可以包含汉字,空格和特殊字符;
3:必须以英文字母开头

web标准

QQ截图20220302165820.png

网页的组成

1:网页由结构,表现,行为组成;
2:结构包含xhtml,xml;
3:表现包含css;
4:行为包含DOM,ECMAScript。

语法

1:标签:写在尖角号<>里的第一个单词,叫做标记,也叫做标签,也称作元素;
2:属性:标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在双引号内
        一个标记可以有多个属性,属性和属性之间用空格隔开,属性不分先后顺序
3:常规标记(双标记):<标记名称 属性1名="属性1值" 属性2名="属性2值" … ></标记名>
4:空标记(单标记):<标记名 属性1名="属性1值" />

常用标签

1:网页标题标签:title;
2:文本标题标签:h1-h6 <h1>一级标题<h1>(唯一性,放网站logo);
3:文本倾斜:i,em;
4:文本加粗:吧,strong;
5:下划线:u;
6:删除线:s,del;
7:上标和下标:sup,sub;
8:换行和水平线:br,hr;
9:段落标签:p;
10:字符(小段文本):span;
11:常用转义符:
    &nbsp;     空格
    &gt;       >右尖括号
    &lt;       <左尖括号
    &copy;     备案中图标版权 ©
    &yen;      元
12:列表
    (1)无序列表:ul>li
    (2)有序列表:ol>li
    (3)自定义列表:dl>dt+dd;
13:超链接:a
    属性:
	href = 'url'
	target = "_blank  /  _self(默认)";
	title = '文本提示'
14:图片:img
    属性:
	src = 'url';
	alt = ' 标签 实例 带有指定替代文本的图像'  
    title = '文本提示'
 15:相对路径
     (同级)
  1)当当前文件与目标文件在同一目录下,直接书写目标文件的文件名+扩展名;
 (上级找下级)
  2)当当前文件与目标文件所处的文件夹在同一目录下,写法如下:
  文件夹名/目标文件全称+扩展名;
 (下级找上级)
  3)当当前文件所处的文件夹和目标文件在同一目录下,写法如下:
  ../目标文件文件名+扩展名;
16:div
17:HTML注释
    html注释<!-- 注释 -->       
    css注释 /*注释*/      
    js注释 //单行注释   /*多行注释*/  
18:PS快捷键
    单位改成px(像素) 编辑-->首选项-->单位与标尺-->厘米改像素
    测量信息显示 F8或窗口-->信息
    设计稿缩放 alt + 鼠标滚轮
    设计稿移动 空格 + 鼠标左键移动
    调出标尺 视图-->标尺
19:表格:table>tr>td
    属性:
        1)width="表格的宽度"
        2)height="表格的高度"
        3)border="表格的边框"
        4)bordercolor="边框色"
        5)cellspacing="单元格与单元格之间的间距"
        6)cellpadding=“单元格与内容之间的距离"
        7)align="表格水平对齐方式"
           取值:left、right、center、
           valign=“垂直对齐” top\bottom\middle
        8)合并单元格属性:(td)
           合并列: colspan=“所要合并的单元格的列数"
           合并行: rowspan=“所要合并单元格的行数”