自我学习前端01

最新推荐文章于 2024-03-11 11:01:03 发布

VIP文章 qq_38903828

最新推荐文章于 2024-03-11 11:01:03 发布

阅读量468

点赞数

分类专栏：自学文章标签： html

本文链接：https://blog.csdn.net/qq_38903828/article/details/110096848

版权

HTML

1.入门

<html>
<head>
    <title></title>
</head>
<body>    
</body>
</html>

2.工具

VS Code

插件：
1.Chinese Language    //中文简体语音
2.open in browser	  //右键在浏览器中打开html
3.Auto Rename Tag	  //自动修改匹配前后标签
4.CSS Peek			  //样式追踪

特效与实时更新：
5.Live Server		  //修改首选项的设置，实时更新
6.Power Mode		  //修改首选项的settings.json等等
	"powermode.enabled": true,
    "powermode.presets": "flames"

3.常用标签

<html>
<head>
    <title></title>
</head>
<body> 
    常用标签：
    <!--
	<h1>This is a heading</h1>
    <p>	This is a paragraph	</p>
    <a href="#" >	This is a link	</a>
    <br />
    <hr />
    <img src="" />
	<style>	定义样式定义。
    <link>	定义资源引用。
    <div>	定义文档中的节或区域（块级）。
    <span>	定义文档中的行内的小块或区域。
    <font>	规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
     -->
    表单标签：
	<form>
		<input type="" />
    </form>
    
    规则：<ul>
   		<li>使用恰当的文档类型声明和命名空间。</li>
        <li>使用 meta 元素声明你的内容类型。</li>
        <li>使用小写字母书写所有的元素和属性。</li>
        <li>为所有的属性值加引号。</li>
        <li>为所有的属性分配值。</li>
        <li>关闭所有的标签。</li>
        <li>使用空格和斜线关闭空标签。</li>
        <li>不要在注释中写双下划线。</li>
        <li>确保小于号及和号为 < 和 & </li>
                     </ul>
</body>
</html>

4.综合案例(一)

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

最低0.47元/天解锁文章

qq_38903828

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自我学习前端01

HTML1.入门<html><head> <title></title></head><body> </body></html>2.工具VS Code插件：1.Chinese Language //中文简体语音2.open in browser //右键在浏览器中打开html3.Auto Rename Tag //自动修改匹配前后标签4.CSS Peek
复制链接

扫一扫