2020-03-05

HTML(Hypertext Markup Language)超文本标记语言

文本:相当于记事本里写的文字,用于展示信息

超文本:超越了文本仅仅展示信息的功能范畴,泛指图片、有样式的文字、点击跳转页面的文字。

语言:工具

标记:标签

HTML 是由标签所组成的语言,能展示超文本的效果

HTML是用来写网页的,是设计页面的基础

HTML 语言的特征:

HTML 代码是由头和体组成

    <html>根标签

    <head>中存放的都是网页的说明性内容,例如标题

HTML 文件的扩展名为html或者htm

HTML 文件由浏览器直接解析执行,无需翻译,直接由上到下一次解析执行

HTML 标签通常由开始标签和标签组成

例如:<font>内容体</font>

没有内容体制的标签叫空标签(自结束标签)例如<br/>换行标签

HTML标签不区分大小写,建议小写

标签属性:属性名="属性值"

HTML 标签建议包裹嵌套,不建议交叉嵌套

字体标签和格式化标签

字体标签

<font>字体标签,修饰文字样式

<font 属性名="属性值">文字</font>

size:大小,最小1,最大7

color:字体颜色,使用英文red,使用#ff00ab

face:字体

H5 文档声明

<!DOCTYPE html>

为了避免进入怪异模式,一定要写文档声明,放在最上

格式化标签

<br/>换行标签

<p></p>段落标签,划分段落,自动段前和段后有空行

align:段落内容的对齐方式

默认是left左对齐

right 右

center居中

<h1></h1>标题标签

其中<h1>最大,<h6最小>

实体的语法:&实体的名字;

< &It

>&gt

空格    &nbsp; HTML 源码中的多个空格会合并成一个,可以用&nbsp;写多个空格版权符号     &copy;

HTML注释

<!--HTML注释内容-->

<imp/>图片标签

src:图片的路径(必有属性)

width:图片宽度

height:图片高度

默认单位是px(像素) width=“200px”

百分比设置,是父标签的百分比,是动态改变的width=“50%”

路径得写法

内网路径

绝对路径:不建议使用

src==“D/1911/hello/abc/2.gif”

相对路径:从引入者所在目录出发,建议使用

src=“..、2.gif../”

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 软件架构 A : C/S 客户端/服务器 : 特点 1 软件使用前必须得安装 2 软件更新时,服务器和客户端得同时...
    董宇浩阅读 116评论 0 0
  • 付思源上午 前段基础 软件架构 A : C/S 客户端/服务器 : 特点 1 软件使用前必须得安装 2 软件更新...
    小汤源O阅读 161评论 0 0
  • 1 palte 2 bento 3 #fancy 4 place apple 5 #fancy pickle 6 ...
    你养猪吗阅读 265评论 0 0
  • 前端三大块 HTML(结构)、CSS(表现)、JS(行为) HTML超文本标记语言 文本:相当于记事本里写的文字,...
    卡拉什尼科夫_8ca2阅读 161评论 0 0
  • 这一次我要感情用事。小弟弟献丑了。 千千万万遍 时间是二十世纪七十年代, 地点在阿富汗。 我的仆人哈桑, 他的忠诚...
    九五乾谦阅读 522评论 4 17