Html基础学习心得

WY10102

于 2021-11-30 21:30:00 发布

阅读量204

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/WY10102/article/details/121634415

版权

运用到Visual Studio Code软件，新建的文档需要保存为.Html。

使用小写标签，如<q>

1.新建文档

Ctrl+n新建，Ctrl+s保存为.html

注释的快捷键为Ctrl+？

Ctrl+z 撤回 Ctrl+Y反向撤回

2.基础标签

①P段落标签②span标签③br换行标签④hr水平线标签⑤div标签⑥img图片标签；

3.路径

①相对路径②绝对路径

①相对路径包括./进入当前根目录和../返回上一级文件夹。

4.表格标签：

<table>是定义表格

<th>定义表格的表头

<tr>定义表格的行

<tr>
            <td>星期</td>
            <td>星期一</td>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            <td>星期五</td>
            <td>星期六</td>
            <td>星期日</td>
        </tr>

<td>定义表格单元

<caption>定义表格标题

5.表单

form标签,input,select-option,textarea,button.

6.元素

①行内元素

行内元素有：

span
a
img
b/i/strong/专门针对文字-文字格式化
input

②块级元素

特点：

1.独占一行
2.我们可以将行内元素和块级元素放入块级元素中
3.注意：尽量不要往pb标签中添加其他块级元素
4.可以设定宽度和高度

标签例子如:

P
div:可以做网页布局
h1-h5

③行内块元素

特点:

1.内容大小取决于它的内容
2.在一行并排显示
3.可以设定宽高

无序列表：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>国内新闻</h1>
    <span>案列说明：定义锚点，链接到锚点</span>
    <hr/>
    <ul>
        <li><a href="#">俄驻华大使</a></li>
        <li><a href="#">县委书记</a></li>
        <li><a href="#">加勒比海</a></li>
        <li><a href="#">干部开会睡觉</a></li>
    </ul>
    <h2>国外新闻</h2>
    <hr/>
    <ul>
        <li><a href="#">恢复了</a></li>
        <li><a href="#">县委书记</a></li>
        <li><a href="#">加勒比海</a></li>
        <li><a href="#">干部开会睡觉</a></li>
    </ul>

</body>

</html>

WY10102

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html基础学习心得

运用到Visual Studio Code软件，新建的文档需要保存为.Html。使用小写标签，如<q>1.新建文档Ctrl+n新建，Ctrl+s保存为.html注释的快捷键为Ctrl+？Ctrl+z 撤回 Ctrl+Y反向撤回2.基础标签①P段落标签②span标签③br换行标签④hr水平线标签⑤div标签⑥img图片标签；3.路径①相对路径②绝对路径①相对路径包括./进入当前根目录和../返回上一级文件夹。4.表格标签：<..
复制链接

扫一扫