认识HTML
HTML:超文本标记语言
CSS:层叠样式表
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。注:要告诉浏览器页面的结构,需要用承兑的标记包围页面内容。要记住:元素=开始标记+内容+结束标记,有些元素会使用一种简写记法,只有一个标记。
元素的属性可以提供元素的一些额外信息。
创建简单的HTML页面代码:
<!--此内容为页面注释内容,会被浏览器忽略,浏览器通常显示的标题一共有6级:h1-h6,字体由大到小,除非你要建立一个庞大的文档,否则不会用到h3以后标题,在代码部分适当加入一些空格、回车、制表符,这样对提高HTML可读性很有帮助,代码写完后保存为.html格式-->
<html>————————————————————告诉浏览器HTML从这里开始
<head>———————————————————页面“head”开始
<title>网页标题</title>————————————为页面指定一个标题
<style type="text/css">————————————CSS开始,标记属性为type,能告诉浏览器你在使用什么类型的样式,“text/css”为指定的类型
body{
background-color:#d2b48c;
margin-left:20%;
margin-right:20%;
}
<style/>———————————————————CSS结束
</head>———————————————————head结束
<body>———————————————————页面主体“body”开始
<h1>一级标题</h1>—————————————告诉浏览器这是一个标题
<img src="链接图片">————————————在这里放置图像
<p>————————————————————开始一个段落
段落起<em>着重显示内容</em>段落止————强调“着重显示内容”
</p>———————————————————段落结束
<h2>二级标题</h2> ————————————告诉浏览器这是一个子标题
<p>———————————————————开始另一段落
段落———————————————————段落内容
</p>———————————————————段落结束
</body>——————————————————页面主体结束
</html>——————————————————告诉浏览器HTML在这里结束
