HTML(Hyper Text Markup Language) 超文本标记语言
Markup-标记,标签,元素
使用开发工具:Hbuilder
文件-新建-项目
右键项目-新建-7.HTML文件
Ctrl+s保存
运行--运行到浏览器--Chrome
HTML的基本结构:
<!DOCTYPE html>//代表HTML第五代标准
<html>
<head>
<meta charset="utf-8">
<title>东软睿道</title>
</head>
<body>
产业融于教育
</body>
</html>
用 tab 体现标记间的包含关系
标记
HTML代码是由很多标记和标记中的文字内容组成的
HTML标签的组成:
1.通常成对出现，在开始标签和结束标签之间的文本是内容
2.大小写无关，<b>和<B>表示的意思是一样的,建议小写
3.标记的名字是规范定义好的，不允许发明创造
HTML标记 （HTML Tag）
1.告诉浏览器如何显示内容
2.两端有两个包括字符：“<”和“>”，如<html>，<body>
3.编程语言中出现的所有标点符号都必须是英文(大小写无关)
标记的种类:
1.成对出现的标签。前一个标签为开始标记，后一个标记 为结束标记
实际上控制中间内容的显示 <body>内容</body>
2.单标记，如<hr/> 也可以 <hr> (推荐使用<hr/>)
实际上自带显示效果，不需要内容
标记种类:
文档主体标签：<body>…</body>
所有要显示的页面元素都包含在body内
居中标签：<center>...</center>
设置标记中文本或者图像居中显示
注释：<!-- … -->
浏览器中不显示注释内容,快捷键Ctrl+/
<!-- 本句不会显示在浏览器中 -->
各级标题标签:<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签 :<p>...</p>
换行标签: <br/>
水平线标签 :<hr/>
图片标签:<img>
<img_src="图片链接">
超链接标签:<a>...</a>
<a href="链接">
加粗标签:<strong>...</strong>
斜体标签:<em>...</em>
表示地址:
列表的分类:
1.无序列表 <ul>...</ul>
<ul type="符号形状">
<li>...</li>
<li>...</li>
</ul>
公式:ul>li*3,再摁tab键生成代码
属性type
2.有序列表:<ol>...</ol>
<ol>
<li>...</li>
</ol>
3.定义列表<dl>...</dl>
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
公式:dl>(dt+dd)*3
字符实体:
1.空格:
2.人民币符号:¥
标记属性
1.标记可以拥有属性，来具体描述标记的特征
2.属性能够为页面上的HTML元素提供附加信息
3.属性是附加给HTML元素的开始标记的
4.属性通常由属性名和属性值成对出现，
形式为name=“value” 属性名="属性值"
网友评论