一、template
一个区域：<div></div>
<div class="hello"></div>
<div style="color:#00FF00"></div>
换行：HTML中用<br>；XHTML中用<br />，相当于<br></br>
文字：
<p>段落的文字</p>
文字属性：
标题的字号：<h1>这是最大的标题</h1> <br> <h6>这是最小的标题</h6>
文字加粗：<b>这是粗体文本</b>
斜体文本：<i>斜体文本 </i>
列表：<li></li>
有序列表：<ol><li>哈哈</li></ol>
无序列表：<ul><li>呵呵</li></ul>
按钮：
1. type="button">Click Me!</button>
2. <input type="submit" value="Submit" />
图片：
<img src="/i/eg_tulip.jpg" alt="郁金香" width="128" height="128" />
<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" />
属性：
src：图片的url
alt：图片的替代文本,在图片显示不出来时用文本代替，大多数浏览器在鼠标移动到图片上时显示图片替代文本
其他：
<body background="/i/eg_background.jpg"> //设置背景图
//图片在文本中的位置：middle、bottom、top、left、right
<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
//图片作为链接
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
//创建图像地图：在图片上点击某处，执行跳转或放大
跳转连接：
<a href="https://..." target="_blank" rel="noopener norefferrer">标题</a>
属性：
target="_blank"在哪个窗口打开新页面
target="_self" 默认，在当前窗口打开
target="_blank" 在新窗口打开
target="_parent" 在父窗口中打开
target="_top" 在整个窗口中打开
target="xxxbiyu6" 自定义，若后面的链接target都是xxxbiyu6，则会在同一个xxxbiyu6界面打开
rel="noopener" 打开窗口时防止钓鱼攻击
为了兼容火狐浏览器，一般还需要加上noreferrer ： rel="noopener norefferrer"
二、script
三、style
h3 {
margin: 40px 0px 0px 0px; //上右下左
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 30px;
}
a {
color: #0ed418;
}
网友评论