新建HTML
创作时间:
作者:
@小白创作中心
新建HTML
引用
CSDN
1.
https://blog.csdn.net/nianfen/article/details/138749567
前言
此系列将介绍从HTML入门到制作静态网页,再到搭建属于你自己的网站。由于网上HTML教程较多,所以此系列虽然从基础讲起,但是总体偏向于实用,实战,进度较快。很多部分直接援引其他网站内容,需要读者额外花时间研究。
1.新建HTML
1.1 打开window记事本,粘贴如下文本
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新建HTML</title>
</head>
<body>
<h1>我的标题</h1>
<p>我的段落。</p>
</body>
</html>
1.2 另存为html格式
1.3 打开test.html
1.4 修改test.html
2. HTML结构
2.1基本结构
html分为head头部元素和body身体元素,head对应浏览器标签名称,body对应浏览器中页面内容
2.2HTML标签
body中间就是我们要写的“文章”,这篇“文章”有各种各样的格式,有哪些格式(标签)可以用呢,先介绍以下三种:
// HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
// HTML 段落是通过标签 <p> 来定义的。
<p>第一行段落</p>
<p>第二行段落</p>
// 换行
<br>
第一行段落
,这样的标签像是面包结构,两片面包夹着中间的内容,有些标签只有一片即可实现功能,例如。
有一些上片面板还需要撒些芝麻,这就是标签的属性例如
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新建HTML</title>
</head>
<body>
<a href="https://www.baidu.com">这是一个链接</a><br>
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="258" height="80" /><br>
<p style="color:red;margin-left:20px;">这是一个段落。</p>
</body>
</html>
其中href属性规定了链接的地址,src是图片地址,width和height规定了图片的长宽
而style规定了一段文字的样式,颜色蓝色,左边距20px(像素)。
其他各种属性参考HTML全局属性,比较常用的是 class,id,style,title
其他标签请参考HTML标签参考手册,下一节HTML实战(2)将通过一些实例介绍一些常用标签~
热门推荐
古代人眼中的恐龙化石,古人是怎么看待的?
工信部:低空经济是新质生产力典型代表,会形成万亿级产业规模
自制老冰棒:糯米粉让冰棒更绵密,无冰渣更美味
【新英格兰医学杂志】综述:毛细胞白血病
PPT添加标注突出重要内容的技巧
楚辞韵律:从《九歌·少司命》看楚辞的艺术魅力
订婚吉日怎么选?3种方法轻松挑选完美日期
在薪酬体系设计时,应如何考虑行业标准和市场变化?
“替身的命也是命”,网络曝光当令影视行业警醒
苯丙氨酸含量高的食物有哪些?过量摄入有哪些危害?
幼小的猫应该吃什么?如何为幼猫选择合适的食品?
专家调查权重法在数据分析中的应用与优势
中国网友教美国妈妈盐蒸橙子治感冒,效果真有那么好?医生提醒
核定征收税率低至1%,税务负担大大减轻,如何轻松享受这一优惠?
王恢为何花重金买下死刑犯?一段东汉末年的历史奇闻
隔音板的降噪原理揭秘,如何选择与使用?
详尽攻略:云南丽江旅游全体验——美食、美景与文化探索
转弯让直行责任判定标准是什么
中药美容护肤:当归、白芷等5种中药材的功效与使用方法
卡车分类全解析:轻型、中型、重型卡车详解与分类标准
产能过剩,中国制造业的未来在哪?
翡翠豹子的寓意与风水象征全解析
工业网关在汽车制造企业智能工厂中的深度应用
唱山歌的“90后”,看阳江姑娘如何把流行音乐融入古老山歌
什么是架空层?
最近好看的韩剧推荐Top10!《外伤重症中心》、《善意的竞争》
山南检察机关巧用“曹冲称象”典故探索提升案件质量评查工作水平新路径
石油化工硫化氢(H₂S)废气处理
哈佛大学2028届本科录取数据公布:中国学生创纪录斩获24枚offer
仓网规划:选对仓库地址,一举降本80%