【js段落标签】知识技术l设计师前端开发笔记(2)

HTML:超文本标记语言(HyperText Markup Language)是用于创建网页的标准标记语言。文件的后缀。html//htm。

窄HTML5 CSS3:HTML5结构标签本身与CSS3相关的样式

广义html 5: html 5自CSS3 JavaScript

笔记结构

HTML的作用和局限性

可以在线显示的文档包括标题、文本、表单、列表、照片等。可以通过超链接搜索联机信息。设计可用于信息检索、产品配置等的远程服务的表单。在文档中直接嵌入电子表格、视频剪辑、声音剪辑和其他应用程序。

只专注于内容的意义可以制作简单的风格，但麻烦冗长，主要制作结构，显示元素内容。

HTML语法

html三要素

标签/标签标签标签属性：描述标签的方法(通常由“属性名称=属性值”组成)标签嵌套：包含关系(父子关系)、并行关系(同级关系)HTML的基本结构标签(骨架)

HTML的基本通用标签

H1/h1标题标签

用作标题，根据重要性减少，有6个级别

p/p段落标记

可以将文本分成几个段落。这样，一个段落中的文本将根据浏览器窗口的大小自动换行，段落和段落之间将出现间隙。

a/a超文本链接标签

单击以转到新文档或当前文档中的某个位置。分为外部链接、内部链接、空链接、下载链接、web元素链接、锚点链接。

自身属性：

Href='url '指定链接目标的url地址。(必需)

Target='_self/_blank '用于指定打开链接页面的方式

Title='text '鼠标位于链接上的提示文本

img/img影像标签

用于确认图像的插入。

自身属性：

Src='url '指定图像文件的路径。(必需)

替换Alt=' '

文本，图像不能显示时的文字

title="" 提示文本，鼠标放到图像上显示的文字

width="value" 设置图像的宽度（像素）

height="value" 设置图像的高度（像素）

border="value" 设置图像的边框粗细（像素）

<div></div> 盒子标签

用来布局装内容（大盒子），一行只能放一个，是块级标签。

<span></span> 盒子标签

用来布局装内容（小盒子），一行可以多放几个。

<ul></ul> 无序列表标签

一般以项目符号呈现列表项目，而列表项使用<li></li>定义。无序列表的各个类别项之间没有顺序级别之分是并列的。<ul></ul>中只能嵌套<li></li>，<li></li>相当于一个容器(盒子)可以容纳所有元素。

<ol></ol> 有序列表标签

列表排序以数字来显示，而列表项使用<li></li>定义。<ol></ol>中只能嵌套<li></li>，<li></li>相当于一个容器(盒子)可以容纳所有元素。

<dl></dl> 自定义列表标签

用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。<dl></dl>中只能嵌套<dt></dt>（定义项目/名词）和<dd><dd>（描述一个项目、名词），经常一个<dt></dt>对应多个<dd></dd>。

<hr /> 水平线标签

定义HTML页面中的主题变化并显示为一条水平线，起装饰作用。

自有属性：

width="value" 设置宽度

height="value" 设置高度

align="left/center/right" 设置对齐方式

color="color" 设置延时

<br /> 换行标签

强行换行，只是简单地开始新的一行。

<link /> 链接标签

定义HTML与外部文档的链接关系

<input /> 文本标签

用于用户输入文本，收集用户信息的标签

<!–注释内容–> 注释标签

可使用注释对代码进行解释有助于后期对代码的修改，注释不会显示在浏览器中

table表格标签

主要用于呈现格式化化数据，由行和列组成

自有属性:

注：表格的这些属性样式可以单独写到CSS文件中，保证结构样式相分离

align="left/center/right"规定表格相对周围元素的对齐方式

border="" 规定表格单元是否有用边框

cellpadding="value" 单元格文本域边框的距离，默认1像素

cellspacing="value" 单元格边距框间距 默认2像素

width="value" 规定表格的宽度

height="value" 规定表格的高度

合并单元格

跨行合并：rowspan="合并单元格的个数"

跨列合并：colspan="合并单元格的个数"

实现步骤：

先确定是跨行还是跨列合并

找到目标单元格，写上合并方式及合并单元格数量

最后删除多余的单元格

form表单标签

主要用于收集用户信息，是实现前后端交互的一个重要标签

自有属性:

注：表格的这些属性样式可以单独写到CSS文件中，保证结构样式相分离

action="url" 用于指定接收并处理表单的服务器程序的url（表单数据提交的地方）

name="" 用于指定表单的名称，以区分同一个页面中的多个表单域

method="get/post" 用于设置表单数据的提交方式

表单组件（元素）

<input /> 输入类：用于收集用户信息（主要用来输入或发出指令）

<textarea></textarea>文本域：定义多行文本输入

<select></select>下拉列表框

<button></button> 提交按钮

HTML实体转义符号

HTML的历史版本

其他相关