首页 > Web开发 > 详细

幕客前端基础入门-html基础

时间:2020-05-07 13:45:14      阅读:51      评论:0      收藏:0      [点我收藏+]

1.html基本结构

<!DOCTYPE HTML><!-- !DOCTYPE声明必须放在html文档第一行,但!DOCTYPE声明不是html标签 -->
<html>
<head></head>
<body>
</body>
</html>

2 标签

语法:<标签名></标签名>
如:

<html></html>
规范:
*      1.<和>括起来
*      2.成对出现,开始标签和结束标签,结束标签比开始标签多个/
*      3.单标签:没有结束标签<hr/> <br/>

3 网页编码设置

当网页显示出现乱码时,在head标签里添加

<head>
	<meta charset="utf-8"><!-- 注意:常用utf-8、GB2312、gbk等编码 -->
</head>

4 文字和段落标签

标题标签:<h1></h1>~<h6></h6>
段落标签:<p></p>
文字斜体:<i></i>、<em></em>
加粗:<b></b>、<strong></strong>
下标:<sub></sub>
上标:<sup></sup>

align对齐属性值:

描述
left左对齐
right右对齐
center居中对齐
justify对行进行伸展,这样每行都可以有相等的长度

5 特殊符号

小于号:&lt;
大于号:&gt;
已注册:&reg;
版权:&copy;
商标:&trade;
空白:&nbsp;

6 列表标签

无序列表

<ul type="square">
      <li>列表项</li>
      <li>列表项</li>
</ul>
使用type设置属性样式:
disc:默认,圆点
square:方块
circle:空心圆

有序列表

<ol type="a">
      <li>列表项</li>
      <li>列表项</li>
</ol>
使用type设置列表样式:
1:数字1,2
a:小写字母a,b
A:大写字母A,B
i:小写罗马数字i
I:大写罗马数字I

定义列表

<dl>
      <dt>定义列表项</dt>
      <dd>列表项描述</dd>
      <dd>列表项描述</dd>
      <dt>定义列表项</dt>
      <dd>列表项描述</dd>
</dl>

7 图像标签

<img src-="" alt="" />
属性描述
srcurl图像地址
alt文字图像替代文本
height数字和百分比图像的高
width数字和百分比图像的宽
使用数字,图片固定尺寸;使用百分比,图片随当前窗口进行缩放

8 超链接

<a href="" >内容</a>
属性描述
href链接地址
target链接的目标窗口_self、_blank、 _top、 _parent
title链接提示文字
name

8.1 锚

定义锚(同一页面)
<a href="#锚1">点击这里,跳转到内容1</a>
<a href="#锚2">点击这里,跳转到内容2</a>
<a href="..." name="锚1">内容1</a>
<a href="..." name="锚2">内容2</a>

定义锚(不同页面)
网页1:<a href="网页2#锚1" >点击这里,跳转到网页2的内容1处</a>
网页2:<a href="..." name="锚1">内容1</a>

8.2 邮件发送

<a href="mailto:邮件地址">内容反馈</a>

幕客前端基础入门-html基础

原文:https://www.cnblogs.com/csj2018/p/12842413.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!