HTML第一天——浏览器、Sublime、标签、特殊符号

2022-08-08,,,,

网页组成部分

文字,图片,超链接,音频,视频

常见浏览器

IE,火狐,谷歌,safari(苹果),Opera

浏览器内核    作用:读取网页内容

IE: Trident
火狐(Firefix): Gecko
苹果(safari): webkit
谷歌(chrome)/ Opera: Blink

移动端 安卓: webkit

web标准

结构:HTML
样式:CSS
行为:JS

超文本标记语言

<html>
	<head>
		<title>
		</title>
	</head>
	<body>
	</body>
</html>

标签

标签分类:双标签,单标签
标签关系:嵌套关系  父子
     并列关系  兄弟

Sublime

新建:Ctrl + N
保存:Ctrl + S
放大、缩小:Ctrl + 滚轮 / 加号、减号
生成页面:“html:5” + tab
     “!” + tab

!DOCTYPE html

意思:浏览器用H5解析页面

lang

lang = “en”    英文
lang = “zh-CN”   中文

meta

meta charset = “UTF-8”  字符集
       全球通用
gb2312  简中
BIG5   繁中
GBK   简 + 繁

标题 标签

h1 —— h6
一个页面  h1 只能一次  h2只能两次

常用标签

段落   p
水平线  hr
换行   br

布局标签

div: 没有语义,独占一行
span:没有语义,一行共存多个
   (放特殊效果文字或小图标)

其他标签

.       强调
加粗: b  string
倾斜: i   em
删除线:s  del
下划线:u  ins

图像标签   单标签

<img src=" "  alt title width height>

属性:alt    替换文本
   title   悬停提示文本
   width   宽度
   height  高度

超链接   双标签

<a href=" " target="_blank">  </a>
            跳转另起一个页面

外部链接:http://…
内部链接:… .html
空链接:  #
图片、表格

注释

html注释   <!-- -->
css     /* */
快捷键:Ctrl + ?

相对路径

同级路径:… .jpg
下级路径:…/… .jpg
上级路径:…/img/… .jpg

锚点  页面内部跳转

目标:id = " "
跳转按钮:href = "# "

统一设置a打开方式

<base target = "_blank">

特殊符号

&nbsp;   空格
&lt      小于
&gt      大于
&copy    版权

本文地址:https://blog.csdn.net/Aiello001/article/details/107206757

《HTML第一天——浏览器、Sublime、标签、特殊符号.doc》

下载本文的Word格式文档,以方便收藏与打印。