HTML
概念:HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,重点是经过HTML标签对网页中的文本、照片、声音等内容进行描述。
格式
HTML有自己的语法格式约定:
<HTML>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
//TODO...
</body>
</HTML>
<html> 标签: 表率当前书写的是一个HTML文档 <head>标签:存储的本页面的有些要紧的信息,它不会表示 <head>标签:有一个子标签<title>它是用于定义页面的标题的 <body>标签:书写的内容会表示出来归类
在HTML页面中,带有“< >”符号的元素被叫作为HTML标签,如上面说到的 HTML、head、body都是HTML标签。所说标签便是放在“< >” 标签符中暗示某个功能的编码命令,亦叫作为HTML标签或 HTML元素。
双标签
<body>文字</body>
单标签
<br/>
标签关系
标签关系就分为两种:并列关系和嵌套关系。
并列关系
<head></head>
<body></body>
嵌套关系
<head><title></title></head>
平常标签样式
换行标签
<br/>
段落标签
<p></p>
水平线标签
<hr></hr>
行内标签
<span></span>
块标签
<div></div> div和span都能够起到容器的功效,区别是什么?div标签会自动换行,span标签不会div划分整体,span划分局部字体标签
<font></font>
标题标记标签
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
标题标签中h1最大h6最小,会自动换行,会字体加粗,还会有必定距离
没序列表标签
<ul></ul>
有序列表标签
<ol></ol>
图像标签
<img></img> src:表率照片路径width和height分别表率宽高alt:倘若照片不表示,默认表示文本信息title:鼠标悬停时,表示文本信息align:照片附件文字对齐方式超链接标签
<a></a> href:表率转路径target:规定在何处打开这个链接文档。blank暗示新窗口,self为当前窗口表格标签
<table></table>
//表格中的行
<tr></tr>
//表格中的单元格
<td></td>
表单标签
<form></form> action:全部表单提交的目的地method:表单提交的方式。get或post表单中的元素标签
//用于搜集用户信息,按照type属性值的区别,样式区别
<input></input>//下拉列表<select></select>
//文本域
<textarea></textarea>
text:默认值,文本输入框password:暗码样式checkbox:复选框radio:单选file:文件上传reset:重置按钮submit:提交按钮button:普通按钮框架标签
<frameset></frameset>
重视:框架标签和body标签不可共存。
元信息标签
//当前页面的字符编码
<meta charset="UTF-8">
//窗口的宽度为设备宽度 文字和图形初始比例为1.0
<meta name="viewport" content="width=device-width, initial-scale=1.0">
//任何IE版本都以当前版本所支持的最高级标准模式渲染
<meta http-equiv="X-UA-Compatible" content="ie=edge">
重视:元信息标签必要写在头标签之间。
CSS
概念:CSS指层叠样式表(Cascading Style Sheets) ,重点用于设
|