html基础内容

XHTML
  • <内容></内容> 每一个标记都会有一对<>尖括号
  • 所有XHTML都有三个文档级的元素:html,body,head 这三个元素.html基本格式:
         <!DOCTYPE html>
             <html>
            <head>
       <title></title>
      <meta charset="utf-8"/>
          </head>
          <body>
              文档正文部分...
         </body>
         </html>

  • 以下为body内的内容,XHTML文档正文部分
  • 定义正文标题<h1>Heading1<h1>...
  • 定义一个段落<p></p>  <u>下划线</u>
  • 定义引用文本<blockquote>一个短路</blockquote> 会将段落整体缩进
  • </br>换行
  • 定义列表 
    1. 有序列表:用ol定义(Ordered List)
    2. 无序列表:用ul定义(unordered List)
    3. 定义列表:用dl定义(Defined List)
  • 定义预编排文本<pre>里面写什么格式浏览器里就显示什么格式</pre>
  • div(disvision)分区:分区元素div的语义就是为了分区,分块,也就是web网页设计的布局,以后常用div+css使用
  • 跨越多个字符(span) 如:<p><span style="color:red;">吃饭</span>睡觉</p>结果是只定义了吃饭睡觉里的吃饭是红色,而睡觉不受影响.
  • 特殊字符(实体 都是以&开始,以分号;结尾) &nbsp;  空格  &lt; <   &gt;  >  &copy;  ©   &reg;  ®  &amp; &   &#151; 长破折号
  • 超链接(a标签:有超链接和锚点的作用) 格式:1.< a herf="目标URL">描述文本</a>(链接作用)2.<a name ="first">  </a> (锚点) <a href="#first"(链接到锚的点) title="顶部"> 回顶部</a>
  • 插入图片<img src="图片路径/">
  • 改变字号 <style="font-size:13;">
  • 插入表格 table表格tr行td列  <th>表格中的标题,默认加黑居中</th>  colspan横向合并单元格  rowspan纵向合并单元格  width 控制单元格的宽  height控制单元格的高  border 控制单元格的边逛大小 bordercolor 控制单元格的边框颜色
  • 在网页中插入网页<iframe src="URL(如http://www.baidu.com)"width="x" height="x" (插入框架区域的宽和高) scrolling="auto/yes/no/"(auto自动出现滚动条,no不出现,yes出现) frameborder="0/1"(边框宽度) name ="框架名称用来识别"></iframe>
  • XHTML 元素分为块级元素和内嵌元素. 
    • 块级元素定义的文本时换行的,而内嵌元素定义的文本不换行
    • 常见的块级元素:div,bolckquote,列表元素(ul,ol,do),fieldset,form,h1-h6,hr,p,pre,table
    • 常见的内嵌元素:span,a,img,label,iframe,object,所有表单输入元素。
    • 如果内嵌元素:下一个元素就是在该元素同行上的后续位置
    • 如果块级元素:下一个元素就在浏览器下一行显示。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值