前端入门第一天
前端入门第一天
简单的HTML标签和CSS引用与语法
参考文档 :w3cschool :https://www.w3school.com.cn/
!DOCTYPE html :声明 我是HTML5
最大的标签是HTML
html里面有两个子标签
head标签 写网页信息
charset="utf-8" 网页编码格式为 utf-8格式,中文编码
title 网页的标题.........
body 写网页内容
h1--h6 标题标签
p 段落标签
strong 加粗标签
em 斜体
span 突出某个字或词
hr 水平线
br 换行
a 链接 href属性,值为要跳转的位置
<a href="aa/bb/aa.html">百度一下</a>
<a href="https://www.baidu.com/">百度一下</a>
img 图片标签 src为图片路径
<img src="img/ff.gif" width="100px" height="100px">
<!--我是一个注释 -->
快捷键 CTRL+/
特殊字符
HTML5 网页结构元素标签
表格
<table border="1">
<tr>
<th>姓名</th>
<th colspan="2">数学成绩</th>
</tr>
<tr>
<td rowspan="3">张三</td>
<td>66</td>
<td>96</td>
</tr>
<tr>
<td>82</td>
<td>66</td>
</tr>
<tr>
<td>82</td>
<td>66</td>
</tr>
</table>
走进css
外部引用样式、标签选择器
<link rel="stylesheet" type="text/css" href="css/index.css"/>
/* 选择器*/
h3{
/* 属性:值; */
color: red;
}
内部样式 、类选择器、ID选择器
<style type="text/css">
.c{
color: green;
}
#b{
color: red;
}
</style>
行内样式
标签直接加属性 style="color: yellow;"
本文来自博客园,作者:三线码工,转载请注明原文链接:https://www.cnblogs.com/shangrao/p/12659415.html