HTML(超文本标记语言,hypertext marked language)
Web标准
因为不同浏览器有不同内核,对相同代码可能有不一样的解析结果,为使不同浏览器对相同代码,展示相同效果,故而制定Web标准。
Web标准为一集合,分为结构标准(.html文件),样式标准(.css),行为标准(.js)。通俗点讲三个标准的功能分别为框架、装饰、功能。
初识HTML
HTML:通过HTML标签对网页中的文本,图片,视频等进行描述。(用文本来表示带有标签的语言)
HTML语法格式:
<html> 根标签
<head> 头标签
<title> 主题标签<title>
</head>
<body> 主题标签
</body>
</html>
练习一 html标签
用代码标签表示网页组成元素 例如<img>表示图片标签
标签有两种关系:嵌套合和并列
在开发工具sublime中,tml骨架快捷键:html:5+tab或者!+tab
<!DOCTYPE html> 用于向浏览器说明现在使用的是html5文档
字符集-8包含了所有国家文字所需要的字符
标签语义化指的是标签的含义。
Html标题标签 :缩写<h1>共有六个等级可用,其中<h1>等级最高,少用,一般用于logo。
<p> </p>段落标签
横线标签
换行标签 没有语义的两个标签:<div> </div> 分割,分区 <span> <span>跨度,其为网络布局的两个盒子
都有加粗功能,但后者有强调语义
倾斜,同上
<s></s>删错线,同上
<u></u><ins></ins>下划线,同上
标签的属性
属性即特性。 <标签名 属性1=“属性值1” 属性2=“属性值2”…> </标签名> eg:属性可以为width,colour等,省略该属性则取默认值。
图像标签
<img />,为单标签
基本图像插入方式:src,描述图像路径
图像不能现实时替换文本alt
鼠标悬停时显示内容title
设置图像宽度width
设置图像高度height
设置图像边框宽度border
Eg:<img sr=”one.jpg” alt=”这是我的大头贴” title=”刘德华照片” width=”590” border=”10”/>
注:图片会等比例缩放,长和宽设置一个即可
链接标签
Href,hypertext reference缩写,意为超文本引用,可添加网站视频图片等
Target,用于指定链接打开方式,取值有self(为默认值),blank在新窗口打开
注:外部链接需要添加 http://www.baidu.com
内部链接直接链接内部页面名称即可如
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。