HTML的框架
页面一般由三部分组成,分别是HTML(超文本标记语言),CSS(层叠样式表)和JScript(活动脚本语言)。
HTML是整个页面的结构,相当于整个页面的框架。带"<",">"符号的都属于HTML的标签,并且标签都是成对出现的。
常见标签如下:
<html>...html> 表示标记中间的元素是网页
<head>...head> 用于文档的头部
<title>...<title> 定义文档的标题
<body>...body> 表示用户可见的内容
<div>...div> 表示框架
<span>...span> 组合文档中的行内元素
<p>...p> 表示段落
<li>...li> 表示列表
<img>...img> 定义图像
<video>...video> 定义视频
<h1>...h1> 表示标题(<h1>to<h6>)
<a href="">...a> 表示超链接
<link rel="stylesheet" href=""> 定义文档与外部资源的关系
定义注释
<b> 定义粗体文本
<i> 定义斜体文本
通过编写和修改HTML,可以更好的理解HTML。首先在桌面右键,点击新建,创建一个文本文档,按照如图方式修改文件名和后缀名,文件名可由读者自行取名,后缀名改为html。
建好文本文件后,可用记事本打开进行HTML代码的编写(在此,笔者平时是使用Visual Studio Code软件或者Sublime Text软件打开进行代码的编写)
打开新建好的后缀名为html的文件后,开始第一个简单的HTML的编写,如下:
<html><head><title>我现在是这个网页的名称哦title>head><body><div>天行健君子以自强不息地势坤君子以厚德载物div><div><p>天行健君子以自强不息p><p>地势坤君子以厚德载物p>div><span><b>天行健君子以自强不息b><i>地势坤君子以厚德载物i> span><p>大家试着点击下面这行字哦p><div><a href="https://www.sogou.com/sie?hdq=AQxRG-0000&query=天行健君子以自强不息地势坤君子以厚德载物&ie=utf8">天行健君子以自强不息,地势坤君子以厚德载物a>div>body>
html>
编写完文件后,选中该文件,点击右键,选择打开方式,读者点击一个自己常用的浏览器进行打开,结果如下图所示:
读者可自行修改代码中的中文,观察其网页的变化。
(附:若读者需要上述笔者提到两个软件的安装包,可在评论区进行回复或者进行私信)
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
