HTML简介(css简单的样式)



<body></body>


<meta>标记是<head>的子标记,告诉浏览器  用什么字符编码显示,比如   gb2312(国标)  utf-8(多国语言)

如果 meta 标记 设置的不合理   会造成  乱码的问题


在线的代码编辑器

分两大类:

1:增强的文本编辑器

EditPlus    Notepad++


特点:比较小  占用系统的资源比较小    但是没有代码自动补齐功能   有代码的颜色和高量的显示


2.IDE  集成化的开发环境

Dreamweaver


H5

新标记:table标签   切成网格,一个一个添加内容。

div 可以随便更改样式   位置和样式   直接可以方到css文件中   在css样式  随便更改内容的样式

或者用javascrip  可以随便更改


HTML的元素

开始标签   元素内容    结束标签

<br />空元素    大多数html元素可拥有属性


3.嵌套的html元素


HTML标签可以拥有属性为元素提供很多的信息

属性以键值对形式出现


<h1 align='right'>align对其的样式   默认是居左的

<h1 align=right> 标题右边    默认是居左的

<a href='https://www.baidu.com' target=_block></a>

<a href='https://www.baidu.com' target=_self></a>


bgcolor是设计背景颜色的  而  backcolor  是设置图片的
target 是规定网页怎么打开的  _blank  是另打   _self是用本个标签打开\

通用标签 class   id  style  title
<h2 class="haID"></h2>
<h2 class="diD"></h2>
引入css样式  用css样式来确定标签内容的属性
<style type="text/css">
外部样式表
另创建一个  css文件表
在title标签下  <link rel="sytlesheet" type="text/css" href="mytyle.css">
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>css样式</title>
<style type="text/css">
    p
    {
      color: red;
        
    }
    </style>
</head>
<body bgcolor="aqua">
<h1> 标题一  </h1>
<p>欢迎欢迎</p>

<a style="color: blue" href="https://www.baidu.com" target="_blank">最后一个</a>
</body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值