【HTML5+CSS3自学笔记】语法随记
<p>我是段落</p>
被css修饰的<p>标签
p {
color: red;
border: 1px solid blue;
width: 140px;
height: 40px;
}
被css修饰的<h1>标签
<style type="text/css">
h1{
font-size:24px;
color:green;
text-align:;
}
</style>
<meta charset="UTF-8">声明当前文件的字符集编码
文字居中
text-align:center;
文字颜色
color:#930;
文字大小
font-size:12px;
<div>我是容器</div>
<!DOCTYPE html>:文档类型声明,表示该文件为 HTML5文件
<html>html文件的根标签</html>
<head>html的头部标签,可以包含一些辅助性标签。如<title></title>,<link /><meta />,<style></style>,<script></script>等</head>
<body>html文档的主体部分,可以包含<p><h1><br>等众多标签</body>
<h1>我是1号大标题</h1>
<style>书写css样式</style>
<title>我是网页标题</title>
<!--我是html注释-->
<span>无语义,辅助css修饰</span>
<header>我是头部</header>
<footer>我是尾部</footer>
<section>我代表一个区域</section>
<aside>我是侧边栏</aside>
<br/>换行效果
<hr/>水平线效果
空格效果
ul-li无序列表
ol-li有序列表
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
target="_self" 不另起页签
target="_blank" 另起页签
<img src="xx.gif" alt="xx" title="xx"/>
<a href="https://www.baidu.com" title="baidu" target="_blank">baidu</a>
/*我是css注释*/
内联式
<span style="color:red;font-size:20px">xx</span>
- 点赞
- 收藏
- 关注作者
评论(0)