新建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)将通过一些实例介绍一些常用标签~
热门推荐
超60家半导体公司年度业绩预告出炉,业绩分化凸显
刑满出狱人员回归社会后,我们应不应该进行帮扶?
颈舒颗粒不能与哪些药混合使用
4,4-二氨基二苯醚(ODA)终端应用场景广泛 我国技术水平不断提升
自然人和非自然人有什么区别?
秦末战乱,岭南军团号称50万,为何不北上回援?五大因素制约
战国四大公子:春申君、信陵君、孟尝君、平原君
哪种双拼方案最好用
Windows 10下SQL数据库服务器的启动与配置指南
先天性胆总管囊肿及其护理要点
取现的记账凭证如何填写内容呢
空气密度计算公式详解:从理想气体状态方程到实际应用
包裹新生宝宝的正确方法及注意事项
汉中面皮:陕西汉中特色小吃的制作工艺与文化内涵
专家:日系HEV才是中国新能源车的最大对手
重庆创新公积金应用,“区块链+政务服务”显成效
刑事申诉案件案号的生成与管理
对心脏好的运动动作有哪些
优化堪忧?外媒:《怪猎荒野》PS表现并不完美
真正的开悟,从来不是你想的那样:颠覆认知的五大真相
如何区分“朝”和“国”?古代政权为啥都用“朝”,而不是“国”
交易达成!威少加盟湖人!4换3大交易!湖人这筹码真是拼了啊……
车载5G技术如何提升自动驾驶汽车的远程驾驶和监控能力?
20个佛教经典故事,真正看懂了,你就是开悟人
普通共同诉讼法需具备的要件
复方鱼腥草合剂的12种联合用药
如何提高企业中层管理者沟通力
医疗期怎么计算?一文详解医疗期计算方法及法律依据
玫瑰花的外貌描写
中国蝉的生命周期:从卵到成虫的奇妙旅程