自学前端---day 1

#前端自学之路—day 1

声明文档类型

<!doctype html><!--h5 DTD:文档类型定义 txt doc docx html--> <html><!--网页内容--> 	<head><!--头部:内容给搜索引擎和浏览看的--> 		<title>自学前端</title><!--网页的名字:给搜索引擎与浏览器看--> 		<meta charset="UTF-8"
><!--万国码 GB2312 GBK--> 		<meta name="keywords" content="css,html"> 		<meta name="decripsion" content = “自学前端的第一天哟,虽然基础为0!但是是自己一个一个打出来哒!”> 		<style>/*样式,描述元素高度 宽度 颜色*/
				.first/*!--相当于C++中的类,定义以CLASS命名的元素+名称/属性*/ {
				width:400px;/*属性名:属性值(单位)
				height:400px;
				background:#ff000;
				margin:100px auto;
				border-radius: 50%;<取消边界> } 		</style> 	</head> 	<body><!--用户看的见的-->

<div class="first"> <h1>自学前端第一天哟!</h1>

</div>     <!--划分一个区域-->

    </body> </html>

注意:

1> 第一行不是网页内容的一部分,只是一条指令
2>meta 用来描述网页内容
3> class给元素命名,不能用汉语
4>外边距:margin/ 元素与元素之间的间距,以及元素与浏览器边缘的间距
5>*{} 为选中所有元素 
6> *{margin=0;}意味着清楚外边距
7>class中添加边距,并注明 auto,可以使图片居中 如

.first<!--相当于C++中的类,定义以CLASS命名的元素+名称/属性-->
{
				width:400px;/*属性名:属性值(单位)
				height:400px;
				background:#ff000;
				margin:100px auto;
				
}

如何将正方形图变成圆形图

class中设置 border-radius:50%;/相当于将四个圆放于四角,依次删除超出的部分,最终得到一个一个圆/

记录标签

1》 <!--^--> 定义注释
2》 <!DOCTYPE>定义文档类型
3》 <a>定义超链接
4》 <abbr>定义缩写
5》 <address>定义地址元素
6》 <audio>定义声音元素
7》 <b>定义粗体文本
8》 <bdo>定义文本的文本方向,脱离周围文本的方向设置
9》 <br>插入换行符
10》<button>定义按钮

非常简单的一个网页

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值