web 前端
HTML
1.HEML概述
HTML(Hyper Text Markup Language)是什么?
超文本标记语言。
超文本—网页上显示的内容
标记:标签,标记信息,被浏览器查看。
HMTL做什么?
开发网页。
2.HMTL基本语法
所使用的工具–HbuilderX
使用步骤:1. 创建一个项目
2. js,css,img,index,html
在文件名前有星号时,表示程序为保存。
Html基本框架
<!DOCTYPE html>
声明html语言版本是html5。
注释<!-- -->
快捷键–ctrl+shift+/
<html></html>
是根标签,所有的内容都必须写在html中。
<title></title>
是标题标签,定义网页标题 。
<meta/>
可设置有关页面的元信息,设置当前网页的字符集,位于文档的头标签,其中utf-8可编码中文。
<link href="地址" rel="属性">
icon属性表示图片。
基本框架
<html>
<head>
<meta>
<title>``</title>
<link/>
</head>
<body>
</body>
</html>
可添加在头标签的标签有<title>
,<meta>
,<link>
,<style>
,<script>
,<base>
标签:HTML使用标签来描述网页。
闭合标签:<标签名>内容</标签名> (双标签)
自闭和标签:<标签名 />在内部结束,完成某个特定的功能,它不会修饰别的内容。 (单标签)
标签属性:通过标签属性可以进一步对标签的显示进行修改。
语法:属性名=“属性值”
一个标签可以有多个属性。
属性应该写在开始标签中。
3.基本常用标签
标题标签:<h1></h1>
…<h6></h6>
ctrl+E可以横向更改相同元素。
段落标签:<p></p>
<style = text--indent: 2em>
可以使得首行缩进。
换行标签:</br>
列表标签:无序列表: <ul><li></li></ul>
有序标签: <ol><li></li></ol>
<type = “a”>
可以改变列表项符号。
<hr/>
是分割线标签。
4.超链接
<a href = “地址” target = “新窗口的打开位置”>超链接名称</a>
target 默认为_self,意为在当前位置打开新的窗口。
_blank,意为在另一位置打开新的窗口。
图像标签:<img src= "地址"/>
这里的地址只是引用了图片的地址,而不是把图片保存在这里。
其中可以更改的属性有border(边框) = “1”。
title=“hao123”(把鼠标移动到图片上面,所显示的信息)。
alt = “这是一个图片”(图片不能正常显示时,所显示的信息)。
锚点:<a href = "#p1"></a>
<a name = "p1"></a>
<style = "position:fixed">
可以将一部分固定到网页的某一位置
5.特殊符号转义
 
-----空格 <
-----小于号 >
-----大于号
©
-----版权(C) ®
----注册商标(R) &trade
-----商标(TM)—临时的