HTML代码笔记
【备注注释】
可先从外部建立文件夹（名字随意）——在里面建理 css文件夹（里面有一个css文档）
js夹文件夹（目前可有可无）img文件夹（图片待的地方） indes.html(这个是网页主页)
块级及行级标签的区别（块级是竖着来的 行级横着来 这是区别之一）
（有盒子形状 无盒子边框）
【html内容】
<!DOCTYPE html> （声明HTML5 文档）
<html>（网页内容（不能多打）（也就是整个内容的身体））
<head>（头部元素内容）
<meta charset="utf-8">（元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8）
<title>这是一个名字</title>(文档的标题，也就是页面的头头)
<link rel="stylesheet" href="css/new_file.css"> （link引进外部链接）
<link rel="shortcut icon" href="img/韩旭科技.png">（添加小标志页头小标志）
<style>（/* 内部样式 */）
h1{background: #000;}
</style>
<h1 style="background-color: darkblue;"></h1>（body里面才能用，行内样式）
</head>
【可视内容开始】
<body>(范body范围以内可视内容)
<table>（注明表格标签）
<div> (定义文档中的节) span(行内标签) <p></p> （段落标签）
<h1 style="background-color: darkblue;"></h1>（行内样式） <h1></h1>-<h6><h6/>（大小标题标签）
<b> (加粗字体) <i> （斜体字） <small> (字体小号)
<tr>(代表行) <td>（代表列） <big> (字体大号)
<ol> （有序列表） <ul> （无序列表） <dl> （自定义列表）
<dt>（标题） <dd>（文本）
{在dl自定义列表中输入东西的块元素标签 ，类似于div}
<li> (输入东西的块元素标签 ，类似于div) <li class="css里面的对应号">
<hr /> （定义水平线标签） <br /> (换行标签)
<sub> （下标标签） </sub> <sup> （上标）</sup>
<!-- 这是一个注释 --> （不会在文档中显示，会呈现隐身效果，也就是自己给自己看，以防不知道代码运行的什么
[链接]
<a href="https://www.runoob.com">这是一个链接</a>
(链接其他网站的标签（中间输入内容））（hrer="这里输入网址"）)
<img src="/images/logo.png" />（链接图片的标签（src=“图像的名称”））
<video src="img/01.mp4" controls width="300px"></video>（视频标签 ）
<img src="img/韩旭科技.png" alt="图片错误">
（alt是如果图片路径不对或者没有，可以写任何内容）
[form表单]
<form action="" method="get"（past保密性高）>
<input type="text"> (fron标签 行元素)
（password密码 text"输入 submit按钮 reset重置 value起名）
placeholder="请输入密码"（透明文字边框内）
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="radio" value="man" name="男">男 (radio单选 name值必须一样才能实现)
<input type="checkbox" name="A" id="">A （多选）（"checkbox"固定的）
<button>按钮</button>
<div class="txt"> （/* css尾类事件 */）
<h1>韩旭科技</h1>
</div>
</body>
【可视内容结束】
</html>
扫一扫
1077
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
