【HTML5+CSS3自学笔记】语法随记

举报
琪哥能酷 发表于 2022/12/28 16:36:30 2022/12/28
【摘要】 一些常见的html语法

<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/>水平线效果

&nbsp;空格效果

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>

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。