HTML + CSS + JavaScript 两小时快速入门教程
HTML + CSS + JavaScript 两小时快速入门教程
枯木何日可逢春 于 2021-09-01 15:26:36 发布 阅读量1.8w 收藏 264 点赞数 63文章链接:https://blog.csdn.net/weixin_45953673/article/details/120040896
1. html1.1 HTML的结构文档结构介绍:
文档声明:用于声明当前HTML的版本, <!DOCTYPE html> 是HTML5的声明
html根标签:除文档声明以外,其它内容全部放在根标签html内部
文档头部配置:head标签,是当前页面的配置信息,外部引入文件
文档显示内容:body标签,里边的内容会显示到浏览器页面上
1.2 HTML语法规范
扩展名是html或者htm
html标签不区分大小写
1.3 HTML常用标签1.3.1 排版标签
字体标签
1<font color="" size="" face=""></font>
标题标签
...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
骚话展示
这是一个骚话展示。
/* 响应式设计样式 */
#textContainer {
position: relative;
text-align: center;
margin-top: 20px;
padding: 20px;
border: 1px solid #007bff;
border-radius: 5px;
background-color: #f8f9fa;
font-size: 1.2em;
color: #333;
}
.controlButtons {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
flex-wrap: wrap;
}
.controlButtons button {
margin: 10px; /* 按钮间距 */
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
...
tianmen的第4篇文章
点击我弹窗
export default {
methods: {
showNotification() {
this.$notify({
title: "你已被发现😜",
message: "小伙子,扒源记住要遵循 GPL 协议!",
position: 'top-left',
offset: 50,
showClose: true,
type: "warning",
duration: 5000
});
}
}
};
tianmen的第3篇文章
tianmentianmen
我家哥哥第一名🥰🥰🥰
坤哥太帅了
您的浏览器不支持HTML5视频标签。
坤哥太帅了👍👍👍
您的浏览器不支持HTML5视频标签。
坤哥太帅了👍👍👍
您的浏览器不支持HTML5视频标签。
示例文章
这是一个嵌入本地视频的示例。
您的浏览器不支持HTML5视频标签。
tianmen的第2篇文章
text文本测试第2篇文章😁😁😁
tianmen的第一篇文章
text文本测试第一篇文章😁😁😁
.png)





