您的位置：首页 > Web前端 > HTML

HTML01—简介、元素

2017-06-22 12:46 211 查看

HTML基础01

html工作原理

html是部署在服务器上的文本文件，根据http协议，浏览器发出请求给服务器，服务器做出响应返回html给浏览器，浏览器执行html显示内容。html部署在服务器上，运行在浏览器

html文档类型

<!DOCTYPE html>

给浏览器一个声明，指明html版本（html5）

<head>

所有元素头部的容器,包含

<title>

<meta>

<style>

<script>

title元素-定义浏览器工具栏标题，显示搜索引擎结果中的标题，添加到收藏栏提供的标题

meta元素-提供原数据，一般规定页面的描述设置文档编码、关键词、作者修改时间

<!DOCTYPE html>
<!--注释片段，不可以嵌套 -->
<html>
<head>
<!--编码格式设置为UTF-8 -->
<meta charset="UTF-8">
<title>定义浏览器工具栏标题</title>
<style>
div{    /* 直接为div元素设置样式 */
border:1px solid blue;
}
p{
font-size: 14pt;
}
#span1{                 /* #+id 获取到id为span1的元素 */
border:1px solid red;/* 边框宽度为1px 实线 红色 */
font-size: 15pt;
font-weight: bold;/* 字体加粗 */
}
</style>
</head>
<body>
<h1>一级标题</h1>
<div>
块分区元素div
</div>
<div>
<p>p标签代表段落</p>
<p>块级元素通常会换行如p div等
<span>行内分区元素则不会换行，多个空格会被压缩成一个空格</span>
</p>
<p><span id="span1">行内</span>分区元素span</p>
<p><b>b标签用来加粗字体</b></p>
<p><del>删除该段文字</del></p>
<p><mark>带有标记的文字内容</mark></p>
</div>
</body>
</html>

网页效果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html html5

相关文章推荐

新的分享

章节导航