网页制作常用标签

Hyper Text Markup Language超文本标记语言(超文本顾名思义超出文本,也就是不光有文字;还有音频、视频。等各种形式)简称:HTML

单标记双标记

<html></html>是双标记中间可以加内容,有开始和结束,代表网页。

里面有头部<head></head>作用为控制网页的布局效果和页面效果等。

还有主体<body></body>作用是显示网页的内容。

<html>-------开始

          <head>

               <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>控制网页编码格式,防止乱码
               <title>网页的名字或者标题</title>

              <style>固定在head里面</style>head的样式标签

         </head>

        <body bgcolor=“选颜色也可以用颜色的英文” text=“选颜色也可以用颜色的英文” background=“选图片”>

                 <font>文字控制标签</font>

                <font color="选颜色也可以用颜色的英文">文字颜色控制<font>

                <font size="选择大小的数字">文字大小控制<font>

                <font face="选择字体也可以直接用汉子写上字体比如宋体">文字字体控制<font>

                <b>文字加粗</b> 换行:<br/>单标记有换行作用,也可以<br>
                <i>文字倾斜</i>
                <u>下划线</u>
                <strong>文字加粗,这个是用来强调的,爬虫用</strong>
                <em>文字倾斜,这个是用来强调的,爬虫用</em>
                 空格作用一个代表一个空格
                <h1>自定义标题自动换行</h1>
                <h2>从h1-h6标题会越来越小</h2>
                <h3></h3>
                <h4></h4>
                <h5></h5>
                <h6></h6>
                <ol type="1">
                     <li>有序列表,序号为1、2、3......当type="a"序号为a、b、c......当type="A"序号为A、B、C......当type="i"序号为i、ii、iii......当type="I"序号为I、II、III......</li>
               </ol>

               <ul type>
                     <li>无序列表</li>
               </ul>              <a href="超链接的地址可以是网页,也可以是网址,图片,文本等" target="超链接打开的样式,在原页上打开,还是在新页面上打开,当是-blank和new时超链接在新页中打开>超文本链接</a>              <a name="给回到的地方起个名字"></a>              <a href="#name名字">可以在网页中点击某一部分回到网页别的地方比如返回首页</a>              <img/ src="图片保存的路径" width="图片的宽"height="图片高" alt="图片打不开时对图片的文字" title="把鼠标放在图片上,会显示文字">
</body> </html>------结束

  

body的属性:bgcolor(背景颜色 bg是background简写) text(文字颜色,同意设定正个网页所有字体的颜色,也可以用font单独设置每个字体的颜色) background(背景图片,壁纸。优先级大于bgcolor) body同时设置bgcolor和background图片打不开是能显示背景颜色,影响网页观赏美感。

时间: 2024-10-09 08:15:06

网页制作常用标签的相关文章

网页制作常用的CSS知识

在制作网页中,我们会用到很多CSS的知识,在这里我简单的总结了一些. div    划分区块 ul,li 无序列表(配合划分区块) ol,li 有序列表 a 超链接标签 p 段落标签 h 标题标签 img 向网页插入图片 input 输入框 text-align:center              文本文字居中 text-decoration:none    去下划线 list-style:none 去掉列表前缀 display:block 变为块级元素,然后就可以设置宽高那些了 float

转载:手机网页制作的认识(有关meta标签)

下面是手机网页的一些认识: 一.<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放.  <meta name="viewport" content="width=devic

网页制作--标签,表格,表单

网页三部份内容:HTML CSS Javascript路径:一般做网页的时候用的相对路径.images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpgimages/1000/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找1000文件夹,再在1000文件夹中找aaa.jpg../images/aaa.jpg 找网页上一级文件,在网页上一级文件夹中找images文件夹,在images文件夹中找aaa.jpg../../imag

HTML常用标签(一)

HTML学习之HTML常用标签发布了,欢迎大家通过学编程吧xuebiancheng8.com来访问 HTML是WEB前端课程的基础,HTML是超文本标记语言的缩写,是制作网页的语言,是每个前端工程师必备的知识,在所有的编程语言中,HTML应该是比较简单的.学的快的同学学上几天就可以入门.HTML的应用场合比较广,目前不单单可以用在网页中,同样在手机里现在用的也比较多,使用html实现的代码,可以实现各种手机平台的适配,所以html的使用场合越来越广. HTML代码是由HTML标签组成的,比方说如

5.1 Dreamweaver制作基本标签

在上一章中已介绍了CSS样式表,不仅介绍了样式表的基本语法,还讲解了如何使用常用的样式属性对网页的字体.背景.各种表单元素和超链接等进行美化,最后简单地介绍了3种不同的样式表应用场合. 本章开始讲解使用Dreamweaver制作网页,其中重点是使用Dreamweaver实现各类HTML标签和CSS样式,难点是如何制作样式.为了使我们制作的页面更规整,我们还要研究使用Dreamweaver如何实现表格对图文进行布局.表格对表单进行布局和框架页面. HTML基本标签在此前我们都学过,怎么在这里又提起

对HTML的理解及常用标签使用介绍--来自我的百度前端技术学院的笔记

HTML是什么,HTML5是什么? --HTML:超文本标记语言,一种用于创建网页的标准标记语言: --HTML5:目前最新的HTML标准,包含新的元素.属性.行为,基于它们的功能特征将他们分成不同的组别: * 语义:能够让你更恰当地描述你的内容是什么: * 连通性:能够让你和服务器之间通过创新的技术方法进行通信: * 离线&存储:能够让网页在客户端本地存储数据更高效地离线运行: * 多媒体:使用video和audio成为了所有web中的一等公民: * 2D/3D绘图&效果:提供了一个更加

html常用标签梳理

标签的语法 标签由英文尖括号<和>括起来,如就是一个标签. html中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/. 如: (1)<p></p> (2) <div></div> (3) <span></span> 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如: 里嵌套 ,那么 必须放在 的前面.如下图所示. HTML标签不区分大小写,<h1>和<H1>是一样

IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作

学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同的岗位所涉及的技术也会有差别,所以先要确定自己的发展定位,收集要学习的内容,整理好学习的顺序.很多时候,成功除了勇气.坚持不懈外,更需要方向.也许有了一个好的方向,成功来得比想象的更快.如果在错误的路上奔跑,再怎么努力也是白搭.学习Web前端也是如此,首先应该选择一个正确的学习路线.HTML5学习线

【免费下载】全套最新 001网页制作HTML+CSS 视频教程+教学资料+学习课件+源代码+软件开发工具

001网页制作HTML+CSS视频教程 网盘地址: 链接:https://pan.baidu.com/s/1yTFfvxw8Mj9hoQfLh0G8TQ 提取码:bk9r 加公众号 获取更多新教程 教程目录大纲 ./001网页制作HTML+CSS ├── 01视频教程 │?? ├── 01HTML基础入门 │?? │?? ├── 10.HTML&CSS基础_实体.avi │?? │?? ├── 11.HTML&CSS基础_图片标签.avi │?? │?? ├── 12.HTML&C