当前位置: 首页 > news >正文

#WEB前端

1.实验:vscode安装,及HTML常用文本标签


2.IDE:VSCODE 


3.记录: 

(1)网页直接搜索安装vscode

(2)打开vscode,在下图分别安装以下插件:

Html Css Support   ------------------------

Auto Rename Tag -----------------------自动补全

Live Sever----------------------------------快速查看网页编写情况

Chinese-------------------------------------中文(安装后提示重启生效)

 

 (3)基础知识:(主要为英文首字母)

h1一级标题,h2.....

p段落

ul无序列表(包裹li,一个li为一个元素)

ol有序列表(自动添加序号,一个li为一个元素)

b加粗

i斜体

u下划线

s删除线

table表格

  (4)输入!自动建立一个网页文档体系

  (5)输入!!!进行注释

  (6)所有语法几乎成对出现,结束的会有斜杠

  (7)右键点击图中安装的插件,查看当前网页情况


4.代码:

练习的DEMO

<!DOCTYPE 
这是注释部分
----------------------------------------------------------------------------------
h1一级标题,h2.....
p段落
ul无序列表(包裹li,一个li为一个元素)
ol有序列表(自动添加序号,一个li为一个元素)
b加粗
i斜体
u下划线
s删除线
table表格----------------------------------------------------------------------------------
>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>个人网页</title>
</head>
<body><h1>一级标签</h1>         <h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><p>这是一个段落</p><p>字体加粗:<b>加粗</b></p><p>斜体: <i>斜体</i></p><P>下划线: <u>下划线</u></P><p>删除线: <s>删除线</s></p><head>
<b>列表</b>
</head><ul><li>无序列表1</li><li>无序列表2</li><li>无序列表3</li><li>无序列表4</li></ul><ol>                                                    <li>有序列表1</li><li>有序列表2</li><li>有序列表3</li><li>有序列表4</li></ol><h1><b>表格</b></h1>
<table border="1">                                            <!设置表格边界><tr>                                                     <!table row 列><th>第一列</th>                                      <!table head 列标题><th>第二列</th>                                     <th>第三列</th><th>第四列</th></tr><tr><td>元素1</td>                                       <!table data 表格元素><td>元素2</td><td>元素3</td><td>元素4</td></tr>
</table>
</body>
</html>

http://www.lryc.cn/news/310221.html

相关文章:

  • c语言经典测试题9
  • 3d 舞蹈同步
  • win环境nginx实战配置详解
  • 数字化转型导师坚鹏:如何制定证券公司数字化转型年度培训规划
  • 新王炸:文生视频Sora模型发布,能否引爆AI芯片热潮
  • 代码随想录算法训练营|day48
  • 架构面试题汇总:并发和锁(三)
  • 蓝桥杯(3.2)
  • [数据集][目标检测]鸟类检测数据集VOC+YOLO格式11758张200类别
  • YOLOv9:使用可编程梯度信息学习您想学习的内容
  • uniapp:使用DCloud的uni-push推送消息通知(在线模式)java实现
  • 【简说八股】面试官:你知道什么是AOP么?
  • ASUS华硕天选5笔记本电脑FX607JV原装出厂Win11系统下载
  • Unity(第二十一部)动画的基础了解(感觉不了解其实也行)
  • 写时复制简介
  • 运行Python文件时出现‘utf-8’code can‘t decode byte 如何解决?(如图)
  • 行为树入门:BehaviorTree.CPP Groot2练习(叶子节点)(2)
  • leetcode-字符串中的单词数
  • 一些C语言题目
  • JVM相关问题
  • 32单片机基础:旋转编码器计次
  • 【C++】vector的使用和模拟实现(超级详解!!!!)
  • GO学习记录
  • 迭代器模式(Iterator Pattern)
  • KL divergence(KL 散度)详解
  • AzerothCore@FreeBSD安装记录
  • vue .env配置环境变量
  • ThreadLocal介绍
  • 【Linux系统化学习】线程概念
  • Redis集群模式