前端入门第一天

前端入门第一天

简单的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;"