HTML基础知识

今天主要学习的内容是网页基础第一节的有关知识点

  1.HTML是超文本标记语言(Hyper Text Markup Language)的缩写,html可以表现出文本以为的内容,例如图片,视频flash等其他格式文件。

  2.HTML可以分为静态页面和动态页面两种,一般静态页面是以html或htm为后缀的页面,静态页面是固定写死的,不能通过后台服务器或数据库更改内容,只能靠修改前端代码的方式修改展现的内容。

另一种页面叫做动态页面,包括以php、asp、jsp为后缀的页面,动态页面可以通过后台服务器或数据库来修改内容。静态页面和动态页面都能展现动画、视频等动态效果的页面。

  3.HTML主要介绍的编辑开发工具有dreamweaver、Hbuilder、webstorm(phpstrom开发工具中自带) 使用编辑工具的好处是标签自动补全,属性自动提示,代码自动对齐,代码折叠展开等,能加快开发效率。

  4.HTML的基本语法:标签是html的最小单位,标签又分为单标签和双标签,双标签是就是成对存在的,例如<p></p>,分别表示标签的开始和结尾,内容写在前后标签中间,作为内容的容器。

  单标签元素的包括两种形式:<标签名 属性> 、<标签名 属性/> ,单标签元素的主要是起控制作用的。例如<br>的作用就是换行

  html的注释方法是<i-- 注释内容-->   注释的内容不会在前段页面显示,注释的作用是让代码逻辑更易读,思维更清晰,也方便程序员进行代码检查和修改。

  5.HTML的代码结构:<!DOCTYPE html>开始在主体代码,不属于标签,主要定义的是语言规则,从而让浏览器正确识别。

  <html></html>代表html代码开始和结尾标签,在<html></html>之间有标题标签<head></head>、代码主体标签<body></body>

  6.使用浏览器进行页面预览展示时,选用带有审查元素功能和查看源码功能的浏览器,例如火狐浏览器,谷歌浏览器。审查元素能同时展现代码界面和网页效果界面,并且能快速定位网页位置所对应的代码位置。方便程序员进行调试。

  7.<body></body>是网页代码的主要容器,主要属性有bgcolor(背景颜色)、text(文本属性)、margin(边距设置)、background(背景图片),属性设置在开始标签里,例如<body bgcolor="blue">,属性之间用空格隔开。

  8.网页代码中有时需要引用本地的文件,引用路径分为相对路径和绝对路径,绝对路径表示文件在计算机中的完整路径,相对路径表示引用页面相对于要被引用文件的位置,./ 表示当前目录  ../ 表示上一级目录  /表示项目文件的根目录

  9.格式控制类标签:<font>控制字体属性,包含color(字体颜色)、face(字体格式)、size(字体大小);<b>,<strong>字体加粗;<i>,<em>表示字体倾斜;<br>表示换行;(&nbsp;表示空一格);<h1>~<h6>表示字号大小依次减小;

  <p>表示段落(默认段落前后自动隔行);<span>看似和普通文本输入没有不同,但是<span>不会换行,会紧跟前面内容,主要用于css样式属性内容中,<div>也是用于css样式表内容中,用来定义模块区域。

  

 

原文地址:https://www.cnblogs.com/du892294464/p/6516792.html