码迷,mamicode.com
首页 > Web开发 > 详细

html基础知识

时间:2016-10-29 11:31:14      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:新窗口   charset   方向   开始   ted   body   square   安全   ini   

<!DOCTYPE html> //指明是html5
<html>
<head> //不显示的内容,多是设置属性
<meta charset="UTF-8"> //用中文的比较好
<title>MyGod</title> //网址标题
</head>
<body> //主要内容
<h1>Welcome</h1> //标题
<hr> //分隔线
<p>hello world</p> //段落
<u> ttttt </u> //下划线
<ins>yyyyy </ins> //起强调作用,下划线
<small> rrrrr </small> //小一号字体
<p>how are you I‘m <wbr> fine</p> // <wbr>是安全换行
CH<sub>4</sub> <br> //下标
m<sup>2</sup><br> //上标
<dfn> WTO </dfn> <br> //倾斜
<q> DDDD </q> //加双引号
<bdo dir="rtl"> lj </bdo> <br> //文字方向
<span> roorgfoasjgoas </span> //普通文本
<a href="http://www.baidu.com">百度</a> <br> //超链接
<a href="http://www.baidu.com"><img src="东京食尸鬼.jpg"></a> <br>
<a href="http://www.baidu.com" target="_blank">百度</a> <br>  //target有两个值: _self(在当前窗口),_blank(新窗口)
</body>
</html>

 

文本内连接

<a href="#1">锚点1</a> //#加id值
     <a href="#2">锚点2</a>
     <a href="#3">锚点3</a>
     <br><br><br>
     <a id="1">锚点1 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
     <a id="2">锚点2 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
     <a id="3">锚点3 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

插入图片

<img src="东京食尸鬼.jpg" alt="金木" width="100" height="150" title="金木"> 
//像素,title移动到该图片时有提示
<img src="东京食尸鬼.jpg" alt="金木" width="10%" height="150">
//宽度可以百分比,高度用百分比没有意义

无序列表

技术分享
<ul type="disc">  //定义无序列表
         <li>3333</li>  //列表项
         <li>4444</li>
         <li>5555</li>
     </ul>
     <ul type="circle">  //小圆点
         <li>3333</li>
         <li>4444</li>
         <li>5555</li>
     </ul>
     <ul type="square"> //小方块
         <li>3333</li>
         <li>4444</li>
         <li>5555</li>
     </ul>
View Code

有序列表

技术分享
<ol start="10">   //定义开始编号
         <li>3333</li>
         <li value="5">4444</li> //设置编号值
         <li>5555</li>
     </ol>
     <ol type="A">  //以字母A,B,,,开始的
         <li>3333</li>
         <li>4444</li>
         <li>5555</li>
     </ol>
     <ol type="I"> //以I,II,III,,,开始
         <li>3333</li>
         <li>4444</li>
         <li>5555</li>
     </ol>
View Code

自定义列表

技术分享
<dl>
         <dt>num1</dt>
            <dd>1</dd>
            <dd>2</dd>
         <dt>num2</dt>
            <dd>3</dd>
            <dd>4</dd>
     </dl>
View Code

 

html基础知识

标签:新窗口   charset   方向   开始   ted   body   square   安全   ini   

原文地址:http://www.cnblogs.com/wust-ouyangli/p/6010111.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!