目录
概念
超文本标记语言
超文本:指网页中的内容(超链接,图片,视频等)
标记:指标签 网页通过浏览器进行解释执行,通过标签可以对网页中的内容进行解释
例: < a href="百度一下,你就知道" >百度< /a>
< b >新浪< /b >
html的学习过程就是对各种标签的学习
使用开发工具HBuilder X可以进行对前端语言的开发
基本语法
声明
html4的文档声明
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
html5的文档声明
< !DOCTYPE html >
如果不声明解析网页时会产生一些不可预期的行为,所以我们应该避免出现。
html的基本结构
<!DOCTYPE html> 声明html的语言版本 <html>是网页的根标签,所有的内容都写在此标签中 作为标记语言必须有一个根标签 <head> <meta charset="utf-8" />设置网页的字符集 <title></title>设置网页的标题 </head> <body> </body> </html>
< html >…< /html > 标签标记 HTML 文档的开始和结束 < head >…< /head > 标签包括标题和其他说明信息。头部部分 < body >…< /body > 标签包含文本、图像和链接。主体部分
头部区域
Head标签(标签)包含了所有的头部标签标签。 头部区域的标签标签为: < title >, < style >, < meta >, < link >, < script >, < base >.
< title >标签可定义网页的标题
< meta > 标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
< meta > 标签位于文档的头部
< meta charset="utf-8" />设置网页的字符集
< meta name=“keywords” content=“手机,家电" >
< meta name="description" content="免费 Web & 编程 教程" >
< meta name="author" content=“jim" >
标题处添加图标 < link rel="icon" href="ico地址">
注释
< !-- 注释内容-- > 快捷键ctrl+shift+/
标签
HTML中的标记指的就是标签。 HTML使用标记标签来描述网页。 结构: <标签名>标签内容</标签名> 闭合标签(有标签内容), 前一个加开始标签后一个叫结束标签也称为双标签 <标签名/>自闭合标签 (无标签内容),也称为单标签
标签属性
标签的特性,通过设置属性来设置标签的表现形式
属性必须写在开始标签或者自闭和标签中
标签可以有多个属性
属性语法:属性名="属性值"
常用标签
标题标签
只有六级标题
< h1>< /h1>一级标题
< h2>< /h2>二级标题
< h3>< /h3>三级标题
< h4>< /h4>四级标题
< h5>< /h5>五级标题
< h6>< /h6>六级标题
属性:align 属性值有left,right,center设置标题的对齐方式
段落标签
< p>段落文本< /p>标签内的文本表示一段文字
< br />换行标签
列表标签
< ol>< /ol>有序列表标签,列表项前会有数字进行排序 表示一个区域
属性:type 属性值可以改变序号的规则 例如A,Ⅰ,1等
< ul>< /ul>无序列表标签,列表项前有图标标记 表示一个区域
< li>< /li>列表项标签,写在上面两个标签中,表示列表中的一项 表示一行的区域