简单制作一个网页需要注意的
在浏览器的空白处单击右键 查看源文件;
html 语言的基本结构;
最外层标记(标签);
<html></html>,声明文件类型为html文件;
html 文件内部有两大部分,第一部分<head></head>
第二部分<body></body>
<head></head>表示头部 <body></body> 身体部分,
在头部<head>内部还有标题 <title></title>,还有关键字,描述,作者等。
<body></body>就是存放我们网页的主要内容部分。比如文件,还有图片,视频等等;
语法:
用英文小写;
标记 是成对出现,分为开始标签和结束标签,结束标签前面有 /
标记嵌套要遵循嵌套的规则;
如果你在网页做了大量的修改,但是网页在浏览器里面没有任何变化;
1,文件没有保存,键盘 按 Ctrl+S 保存。
2,文件路径变了; 把文件另存为覆盖原来的文件。 txt文档左上角 文件-另存为- 找到原文件覆盖。
浏览器原理:
<b> 内容</b> 加粗。
浏览器在解释我们的 html 源代码的时候,当它看到<b>标签的时候,它就会把这里的内容进行加粗显示:
换行标签: <br/>
浏览器是一个程序,它把我们复杂的网页源代码解释成我们普通网民能够看得懂的网页文件。
浏览器:IE
谷歌浏览器 特点: 速度比较快,不解释。
360 一直在上升
火狐浏览器 开发人员用的比较多 特点 : 不支持 Flash文件: 移动端也不支持 Flash 文件。
搜狗浏览器
QQ浏览器
百度浏览器
世界之窗浏览器 百度搜“浏览器排名”。
seo 搜索引擎
html 语言标签分类
单标签: 只有一个标签,并且/在标签后面;比如: 换行用的 <br/>
双标签: 有开始<> 有结束</> 的标签;
以双标签为主;单标签为辅;
属性 属性值:
width="400px"
例如:人: 身高 体重 属性
180cm 100kg 属性值
align 对齐方式 三个常用属性值:
left center right; 左对齐 居中 右对齐.
align="right"
例如:<hr width="400px" align="right"/> hr是划线标签,width是宽度 align 是选择 左对齐 居中 右对齐
html 常用标签,跟seo有关会介绍;
标题标签:
<h1></h1>
标题有六级标题,分别是、
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
六级标题中,默认情况下,字体加粗显示,并且会自动换行; 字号从大到小;
跟seo 有关系; 到时候 老师会讲。
段落标签
<p></p> 专门进行文字段落排版的标签;
每一个段落结束后 会自动换行;
段落与段落之间会自动空一行;
样式:
<p style="color:red;"> 这里是 标签p 段落的内容。显示为红色</p>
在开始标签后面写上 style="属性:属性值;属性:属性值;"
<p style="color:red;font-size:20px;"> 这里是 标签p 段落的内容。显示为红色 </p>
注:color:red color为属性,red为属性值 " 绿:green红:red蓝:blue黑:black灰:grey黄:yellow紫:purple白:while
font-size 是表示字体大小的属性 20px 是指 20像素的字体大小; 随意更改;
属性是不分前后的 属性之间用 英文打字 下的分号隔开,
并且双引号也是用的英文打字下的双引号:
------------------------------------------------------------------------------------
注: 网页打开 带<> ,</> 的 。 有可能是文件后缀,没有修改成功。 .html (浏览器正常显示html的可以无视)
在 电脑桌面- 双击计算机-左上角,组织-文件夹和搜索选项-查看- 找到 隐藏已知文件类型的扩展 把前面的勾去掉 - 确定。
从新修改 文件名的后缀 mingzi.html
精彩推荐:
汽车配件网 www.qipeiying.com
简单制作一个网页需要注意的相关推荐
- 在html中怎么制作友情链接,如何制作一个网页链接,用描文本、友情链接交易方式教你如何制作?...
如何制作一个网页链接,用描文本.友情链接交易方式教你如何制作?作为seo优化人员如何运用外界链接开展百度搜索引擎提升?下面和小编一起看看! 1.锚点链接链接应该是有关的 优先,百度搜索引擎提升锚点链接 ...
- html 倒计时字体消失,最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版...
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 很多时候我们都是需要提醒自己做什么事情的,像我这么健忘的,更加需要倒计时之类的记录来提醒自己,这是我找到最简单简介的代码了! 最简单的一个网页倒计时代码 ...
- 电子脑PHP动画制作,PS简单制作一个动态的字体动画
这篇教程是向PHP中文网的朋友分享PS简单制作一个动态的字体动画方法,教程制作出来的字体动画非常漂亮,难度不是很大,来看看吧 动态的文字比静态的文字更加吸引人的目光.如果在平时的海报中,在平时的促销活 ...
- HTML制作色带,PS简单制作一个漂亮的混合色带gif动画效果
今天为大家介绍PS简单制作一个漂亮的混合色带gif动画效果方法,方法很简单的,教程介绍的很详细,好了,下面我们来看看吧! 先来看看案例的最终效果: 混合颜色带是一种特殊的高级蒙版,它可以快速隐藏像素. ...
- python制作中秋贺卡图片_AI简单制作一个漂亮的中秋贺卡
今天小编为大家分享AI简单制作一个漂亮的中秋贺卡方法,教程比较实用,难度中等.制作的贺卡算不上很漂亮.主要分享的是一个思路和方法.具体的制作过程中大家可以加入自己的想法和元素.好了.先来看看本例制作的 ...
- 用Python条件判断简单制作一个12星座速配工具
今天是学习Python语言第二天,今天主要学习的是Python的条件判断,感觉和php基本上还是比较类似的.感觉Python的输出函数比较实用,在学习Python条件判断的过程中,突发奇想我可以借助P ...
- 用PHP画圆柱体,PS简单制作一个立体几何——圆柱体
今天为大家介绍用PS简单制作一个立体几何--圆柱体方法,教程很基础,对于初学者来说很值得学习,推荐到脚本之家,喜欢的朋友快快来学习吧! 方法/步骤 1.新建一个文件.大小不定,看你需要吧. 2.用形状 ...
- android制作相册浏览器_一分钟简单制作一个专属于自己的卡通头像
制作一个专属于自己的卡通头像很简单,我们常用的美图秀秀软件就可以轻松制作. 首选在应用市场搜索美图秀秀下载后选择工具箱打开,找到实用工具中的动漫化身这个选项: 打开后点击绘制动漫形象,可以在相册中选择 ...
- 九宫格——用html+css制作一个网页
自用(仅供参考,如有错误欢迎指出) 要求: 1.通过html和css制作一个可以根据页面缩放进行变化的九宫格. 2.并且可以通过手机浏览器访问. 过程: 1.网页制作 先不管通过网页访问这一项,先写一 ...
最新文章
- leetcode算法题--二叉树的锯齿型层次遍历
- 对DBF的操作建议用微软的驱动和新的链接字符串。
- 概率统计:第三章 多维随机变量及其分布
- 图解Oracle 11g physical standby Rolling Upgrade物理备库滚动升级特性
- 关于CAN总线的位时间/同步段/传播时间段/相位缓冲段/采样点
- ASP.NET Core Blazor Webassembly 之 组件
- Python--day 3
- Ubuntu编写开机自启动脚本(转载)
- linux 进程崩溃log,Linux系统日志及日志分析
- HTML5 页面布局【结合案例】
- matlab怎么算不定积分,matlab计算不定积分
- Android集成FBReader(精简版)指南
- WPS文字设置奇偶页眉、下划线的方法步骤
- 用jQuery制作对联广告
- HDU 6833 莫比乌斯反演 + 数论分块
- 油管视频目录正则整理
- TFN F7 光时域反射仪 给您不一样体验
- teradata ttu_【Teradata TTU】Windows TTU安装工具列表,
- 十个方面学习Java8
- 特殊场景下的个人信息