JavaWeb开发-01-前端基础知识
目录
一.HTML快速入门
1.HTML CSS
二.VS Code开发工具
三.基础标签 & 样式
1.新闻-标题
(1)标题排版
(2)标题样式
(3)超链接
2.新闻-正文
(1)正文排版
(2)页面布局
四.表格、表单标签
1.表格标签
2.表单标签
一.HTML快速入门
1.HTML CSS
Document
HelloWord
二.VS Code开发工具
三.基础标签 & 样式
1.新闻-标题
(1)标题排版
{"Print to console": {"prefix": "hh","body": ["","","","\t","\t","\t","\tDocument ","\t","","","\t\n","","\t\n\n","\t","","\t","",""//"console.log('$1');",//"$2",],"description": "Log output to console"} }
焦点访谈：中国底气 新思想夯实大国粮仓
新浪政务 > 正文焦点访谈：中国底气 新思想夯实大国粮仓
2023年03月02日 21:50 央视网
(2)标题样式
焦点
新 > 正文焦点
2023年03月02日 21:50 央视网
h1 {/* color: red; *//* color: rgb(0, 0, 255); */color: #4d4f53;
}
焦点
浪 > 正文焦点
2023年03月02日 21:50 央视网
h1 {color: #4d4f53;
}/* 元素选择器 */
/* span {color: red;
} *//* 类选择器 *//* .cls {color: pink;
} *//* ID选择器 */
#time {color: #968d92;/* 设置字体的大小 */font-size: 13px;
}
(3)超链接
焦点
新 > 正文焦
2023年03月02日 21:50 123
h1 {color: #4d4f53;
}#time {color: #968d92;font-size: 13px;
}a {color: black;/* 去除超链接下划线效果(设置文本为一个标准的文本) */text-decoration: none;
}
2.新闻-正文
(1)正文排版
焦点
新浪政务 > 正文中间
2023年03月02日 21:50 123
嘎嘎嘎
人勤春来早，春耕农事忙
今年
工号
spack
h1 {color: #4d4f53;
}#time {color: #968d92;font-size: 13px;
}a {color: black;text-decoration: none;
}p {/* 段落首行缩进 */text-indent: 35px;/* 行高 */line-height: 30px;
}#plast {/* 对齐方式 */text-align: right;
} 
(2)页面布局
访谈
123 > 正文焦点
2023年03月02日 21:50 央视网
啥啥啥
哦哦哦
哈哈哈
略略略
作者：Tom
h1 {color: #4d4f53;
}#time {color: #968d92;font-size: 13px;
}a {color: black;text-decoration: none;
}p {text-indent: 35px;line-height: 30px;
}#plast {text-align: right;
}#center {width: 65%;/* margin: 0% 17.5% 0% 17.5%;外边距:上右下左 */margin: 0 auto; /* 简化写法 */
}
四.表格、表单标签
1.表格标签
HTML-表格
序号 品牌Logo 品牌名称 企业名称 1 
华为 华为技术有限公司 2 
阿里 阿里巴巴集团控股有限公司
2.表单标签
HTML表单
HTML-表单项标签
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！