HTML基础建站知识

目前互联网上的网站在展现给用户的界面都是需要用到HTML框架。html应用范围很广泛,不管是WEB前端还是后台都需要懂得HTML的基础;在HTML中经常要接触到的就是标签;那啥是标签呢?极简单的来说就是固有的命令,比如:“立正”“跨立”...之类的命令单词。

看一下百度百科怎么说的:

html标签
   超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。
   HTML标签的大小写无关的,例如“主体”<body>跟<BODY>表示的意思是一样的,推荐使用小写。

经常去写一些比较基础的HTML久了就知道那些是标签单词;那一个基础的html有哪些结构呢?不妨我们来看看HTML的简单结构。

构成一个网页必须要用的标签和网页基础的结构:

<html>

<head>
  这里是网页的头部 ... ...
  ...
</head>

<body>
  这里是网页的主体 ... ...
  ...
</body>

</html>

HTML中重要的除了标签之外还有标签里属性也是一样的重要;可以说web前端HTML建站都是用标签和属性码起来的。属性为 HTML 元素提供附加信息。

HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。

属性实例
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:
<a href="http://www.claidx.com">成都小生网络营销培训学院</a>

这里整理了一些HTML建站常的一些标签单词和属性单词,可以初步了解一下HTML标签和属性的功能

<html></html>  表示一个标准的html网页, <html>表示网页开始
</html>表示网页结束
<head></head>   表示网页的头部
<title></title>   表示网页的标题
<body></body>  表示网页主体
<br/>   (单标签)  换行
<p></p>    段落(换行、段间距)
<b></b>  加粗
<strong></strong>   加粗(强调)
<i></i>    倾斜
<em></em>  倾斜(强调)
h标签       文章标题
从<h1>到<h6>
 效果:(改变文字大小、加粗、段落、强调)
<center></center>   居中
格式:<标签名称 属性1="值" 属性2=“值”></标签名称>
<font></font>   文字样式
     属性: color颜色; size 字号;face字体;
<hr/>  (单标签)
     属性:  color颜色 ; size粗细;  width宽度(长)
<img />      图片
     属性: src图片路径 ; width宽度  ;height高度; title标题(弹出提示文字); alt     替换文字(图片不能显示时,用文字替代)
<a></a>    超链接
 属性: href路径(如果href里的路径是一个网址,那么前面一定要带http://)

锚链接:在同一个页面的不同位置之间跳转
实现方式:
<p id=”标签”></p>
<a href=”#标签”>我是标签</a>

<body></body>
     属性: bgcolor   背景颜色;background   背景图片

<embed></embed>
属性:   wmode="transparent  flash背景透明
       width     宽度
       height    高度
<ul></ul>      无序列表
<li></li>表示列表中的一项
属性 type    列表样式
disc    实心圆   circle 空心圆   square方块
<ol></ol>    有序列表
属性 type   列表样式
1  阿拉伯数字;a  小写字母; A  大写字母; i  罗马数字(小写); I 罗马数字(大写)
<dl></dl>    自定义列表
列表:<dt></dt>或者<dd></dd>(仅用于自定义列表)

<table></table>   表格
<tr></tr>表示一行  <td></td>表示一个单元格
注意:内容写在<td>里面
属性: border   边框 ; width    宽度 ; height   高度 ;
align对齐方式值 :  left左   center中   right右
bordercolor   边框颜色 bgcolor   背景颜色 background   背景图片
cellspacing   单元格间距
<td></td>
属性:  colspan    跨越(横向)  rowspan   跨越(纵向)
<iframe></iframe>   框架
 width 宽度     height 高度   frameborder   框架边框
备注:iframe中调用的内容,不能被搜索引擎识别
<div></div>      层(盒子)
 CSS      层叠样式表
CSS属性
 border-style    边框样式 值:solid实线;dotted虚线;double   双实线
 border-color   边框颜色
 border-width    边框粗细
 margin  四周间距

margin:auto   (居中)
margin-top 上间距;margin-bottom 下间距
margin-left   左间距;margin-right  右间距
width     宽度;height    高度
background-color  背景颜色
background-image   背景图片 值:  url(图片路径)
background-repeat   背景重复方式
值:  no-repeat 不重复; repeat-x  横向重复;repeat-y  纵向重复
background-position   背景位置
 值: center 中;left 左;right 右;top 上;bottom下或2个表示坐标的数字
background
background-size    背景大小
float 漂浮(浮动)值:left 左;right右
padding          四周填充
   padding-top          上填充
   padding-left          左填充
   padding-right        右填充
   padding-bottom     下填充
font 文本
font-size   字号
   font-family    字体
   color      颜色
   font-weight:bold   加粗
text-indent:2em  首行缩进2字符
text-align    文本对齐方式
         值:   left; center; right
line-height     行高
text-decoration   文本样式
                    值:   none   无;underline  下划线
 overline   上划线; line-through   删除线
display     显示方式
          值: block 块状显示 ;none   无(隐藏)
class 类选择器
:hover    是一个伪类,鼠标悬停

原文地址:https://www.cnblogs.com/claidx/p/9175076.html

时间: 2024-08-29 12:05:17

HTML基础建站知识的相关文章

零基础建站如何配置PHP运行环境 几种服务器环境配置的选择和方法

上次给大家分享了小白建站如何选择虚拟空间及服务器,及购买域名的基础知识,这些是硬性要求,你的网站要想运行起来,硬件只是基础,真正的技术是软件,关于PHP软件开发技术,后面我们会慢慢的分享给大家,今天主要给大家分享的是,如何在你服务器配置PHP运行的环境,有哪种模式,如何选择呢? 如果你是开发测试模式,php环境用一些集成的环境就行,方便快捷,但是最好不要用到正式的服务器环境上.现如今用的比较的php集成环境有,phpstudy,wamp,xampp,apmserv等,当然还有很多,几种用的比较多

建站知识及C#1

一.建立网站前的准备工作 1.注册域名:注册.com和.cn等常用后缀的域名,防止出现其他人墙柱类似域名来分流你的客户. 2.购买网上空间:根据自己的需求注意空间提供的功能参数,如果要建立动态网站且用ASP.NET的话要关注支持语言中是否有.net合适版本,是否提供数MSSQL据库等. 3.域名解析:通常购买空间时会提供域名解析,只有域名解析了才能访问到网站. 4.备案:根据自己网站的性质提交合适的审核内容提交等待审批.审批OK就可以正式启用网站.有些国外的网站不需要备案,可以直接开通. **

ubuntu下零基础建站之python基础环境搭建

这篇说的是 ubuntu下 python 基础环境 python2.7(为什么是2.7而不是3? tornado 对2.7支持比较好,还有很多包也是支持2.7) 1. 输入python 发现不存在 有python3 python3可以.装下python2 2. apt install python (默认python就是2.7版本) 等一会成功了 2.安装pip 部分linux发行版可直接用包管理器安装pip,如Debian和Ubuntu sudo apt-get install python-

使用Hexo搭建个人博客01 -- 基础建站篇

原文引用https://www.dazhuanlan.com/2019/08/25/5d625ae568844/ Node.js (6.9版本及以上) git 具体安装方法自行google啦~ 开始使用 安装 yarn 在 cmd 下输入 1 npm install -g yarn -g 表示全局安装 将插件加入系统环境变量中 使 cmd 可以在任意目录下使用 yarn 命令 安装 Hexo 1 $ yarn add hexo 初始化Hexo 安装 Hexo 完成后,执行下列命令,Hexo 将会

建站初学者必知的wordpress在Nginx/Apache/IIS中的伪静态规则

在搭建好wordpress博客以后,我都是先让大家配置好文章的url格式为/%postname%.html这样的自定义结构的.比如是阿里云的虚拟主机这样配置以后,文章页面还是可以打开的,但是有的服务器或者是虚拟主机就打不开了,这就需要大家配置好伪静态的规则. 现在,我就把怎么配置wordpress的伪静态规则发出来给大家一起来学习. wordpress的Nginx/Apache/IIS伪静态规则 NGINX伪静态规则 Nginx环境是Linux服务器里面常见的网站配置环境,完整网站环境是Linu

[web建站] 优课急送《零基础快速学习建站》视频+课件【价值399元】

[课程介绍]你想快速建一个网站出来吗?你想从什么都不懂到一两天出一个漂漂亮亮的站吗?你想完成领导交给你的任务找人建站吗?你想自己建站来创业吗?你想学会建站之后,利用给别人建站来赚钱吗?你想建一个跟某个网站一模一样的网站吗?你想让同学朋友羡慕你会建站,而且很牛逼的站吗? 只需7天,我们帮你实现.?每年网站建设人才缺口近千万.说明人才需求迫切.每年新增IT企业数百万.说明职位需求庞大.每年新增网站几百万.说明网站建设是个紧缺人才的行业,也是说明需求很大.关于公司企业或者建站开发技术交流的QQ群平均每

零基础XAMPP for Linux虚拟机建站教(笔)程(记)

之所以写零基础是因为自己确实从零开始摸索.踩坑,严格意义上来说仅仅作为记录自己操作流程的一个笔记,并没有拔高到教程程度. XAMPP一般用作开发环境,或供学习之用:在Windows系统下使用比较简单,且网上教程很多,而Linux下的教程则很少或不全:这里只记录全新安装虚拟机Linux系统下的建站步骤,且不涉及前端代码与PHP方面. 用到的软件: 1)VMware workstation 12.0.0: 2)CentOS 6.4 镜像: 3)XAMPP for Linux: 4)XShell 4:

0基础服务器安装西部建站助手视频教程+全程搭建网站案例演示

介绍前言: 西部数码网站管理助手(支持win 2003 32位,win 2008 64位   win 2012 )iis,php,mysql.创建网站FTP.数据库.安全管理,计划任务,文件管理,PHP多版本共存及切换 适用范围:拥有云主机同时又缺乏管理技术的站长.拥有多个网站的服务器管理员 客户要求: 0基础全程搭建西部数码建站助手,windows安装西部助手+ 全程搭建网站演示 此视频教程适合以下 Win2003(32位IIS6).Win2008(64位IIS7) Win2012(64位) 

零基础入门—网站建站教程

1. 服务器选择 不同网站类型需要的服务器配置不同,首先确认网站规模与访问人数,一般情况下,小型网站只需要选择基础配置即可.购买服务器流程可参考通过购买页面创建一台ECS实例. 想了解不同配置对应的价格,推荐使用ECS价格计算器. 云服务器ECS主要计费方式为预付(包括包年包月和按周付费)和按量付费,详细的计费规则可以参考产品计价. 阿里云1000元大礼包 2. 域名购买和备案 域名购买:输入想要的域名,未被占用即可注册,具体操作请参考域名注册流程.域名后缀通常为.COM或.CN,其它后缀介绍和