|
前端入门知识学习分享 随着互联网技术更新日新月异，前端开发作为互联网的最前沿技术，也在进行不断地扩充和技术革新，但是前端的基础知识HTML和css依旧探索着创新之路。经过在杭州黑马半个月的前端学习收获颇丰，现将本阶段的学习心得进总结： 一、HTML结构是网页基础，必须夯实。 1、HTML初识 HTML 指的是超文本标记语言 (HyperText Markup Language)是用来描述网页的一种语言。它不是一种编程语言，而是一种标记语言 (markup language)。何谓“超文本”？即超越文本限制的图片、声音、动画、多媒体，以及超级链接文本。 HTML作用：网页是由各类网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析，就可以显示给用户了。 1.1 HTML标签分类 在HTML页面中，带有“< >”符号的元素被称为HTML标签，HTML标签根据自身作用方式可分为常规标签即双标签和空标签即单标签。双标签由开始标签和结束标签组成，绝大部分标签是双标签成对作用网页，单标签只有开始标签，里面不需要包含内容。 1.2 文档的类型<！DOCTYPE> 该声明要放在文档中的最前面的位置，处于标签之前，此标签可以告知浏览器文档使用哪种HTML或XHTML规范。 1.3页面语言lang 指定HTML语言种类，它可以告知浏览器、搜索引擎，一些处理HTML的程序对页面语言内容来做一些对应的处理。例如：让语法检查工具做语音识别；帮助翻译工具做识别；帮助网页阅读程序做识别。 1.4字符集 字符集（character set）是多个字符的集合，计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别存储各种文字。UTF-8是目前最常用的字符集编码方式，它基本包含全世界所有国家需要用到的字符。 2、HTML常用标签 2.1排版标签 排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。常见的排版标签有标题标签h、段落标签p、水平线标签hr、换行标签br、div和span标签等，根据不同语义应用相应的排版标签。 2.2文本格式化标签 在网页中，有时需要为文字设置粗体、斜体、下划线等效果。这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式进行显示。文本格式化标签主要有加粗strong、倾斜em、下划线ins等。 2.3链接标签 在HTML中创建链接是比较简单的，只需要用链接标签将文字包裹起来就行了，但是创建过程还有几点注意：外部链接需要添加http://....；内部链接直接链接内部网页名称即可；如果当时没有确定链接目标时，通常将链接标签href的属性值设置为“#”，表示该链接暂时为一个空链接；不仅可以创建文本超链接，网页中各种网页元素都可以创建链接，如图像、表格、音频、视频等都可以添加超链接。 3、路径 网页页面在进行制作时会用到很多图片，通常我们需要创建专门的图片文件夹进行存放图片（images），这时再插入图像就需要采用“路径”的方式来指定图像文件的位置。路径分为相对路径和绝对路径。 3.1相对路径 以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一文件时，所使用的路径将不相同，故称为相对路径。 3.2绝对路径 绝对路径以web站点为根目录为参考基础的目录路径，当所有网页引用同一文件时，所使用的路径都是一样的。 4、表格、列表、表单 表格现在还是比较常用的标签，但它不是用来布局的，主要用来显示、展示表格式数据，因为它可以让数据显示对的非常的规整，可读性非常好。 4.1创建表格 在HTML中，要想创建表格，就要使用表格table、行tr、单元格td三对HTML标签，缺一不可。 4.2列表标签 列表即容器内装载着结构，样式一致的文字或图标的一种形式，它最大的特点就是整齐、整洁、有序、跟表格类似，但它自由组合度更高。列表根据展示方式可以分为有序列表、无序列表、自定义列表。值得注意的是：ul中只能嵌套li，直接在ul中输入其他标签或者文字是不被允许的；li相当于一个容器，可以容纳所有元素。 4.3表单标签 表单的目的是为了搜集用户信息，在网页中，我们也需要通过表单跟用户进行交互，搜集用户资料。一个完整的表单主要包含表单控件、提示信息、表单域等。其中表单控件包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮。一个表单通常还需要包含一些说明性文字，提示用户进行填写和操作。表单域相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的URL地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。
| 
收藏
淘帖
踩
