18.4.21 HTML语言初探

已经好久好久没有更新博客了哇。

上上个礼拜五的工程导论课,学习了网页制作课程,并对HTML语言有了最初的了解。

在此之前,我自己试着扒过其他网站的源代码,所以对HTML接触了些许,以下是基本语法。

<html>
<head>
<title>第一个主页</title>
</head>
<body>
<p>helloworld</p>   //分段标记
</body>
</html>

常用页面标记

  1. 常用标记:<html>和</html>,<head>和</head>.<body>和</body>,<title>和</title>
  2. <meta>特殊信息标记
  3. <hn>网页子标题标记
  4. <p>段落标记和<br>换行标记
  5. <hr>水平线标记
  6. <pre>原文显示标记

文本修饰的zhuyaobiaoj主要标记

<font>,<b>,<i>,<u>,<align>等

  1. <font>基本字体标记
    <font size="3">3号字体"</font>
    <font size ="-1">比基准小一号字</font>
    <font color="red">红字</font>
    <font face ="楷体_GB2313">楷体</font>
    
  2. 字体效果<b><i><u>
  3. 对齐方式 <align>

 

  1. <blockquote>换行引用标记
  2. <code>程序代码标记
  3. <sup>上标字和<sub>下标字
  4. <marquee>活动字幕标记
  5. 特殊符号  <marquee direction=”left”,behavior=”slide”>从左到右滑动</marquee>   alternate:来回滚动 <marquee bgcolor=”#FFFF00″height=”40″>四十个像素高,黄背景</marquee> width=”60%” align=”middle”

<a>超链接

  1. class和id属性(类型、ID号)
  2. href属性(网址)
  3. target属性(新窗口打开)
  4. title属性(注释)
  5. name属性
  6. onclick.onmouseover

图像

  1. <img>
  2. <aren>
  3. <map>

表格

  1. <table>
  2. <caption>标题
  3. <tr>行标记
  4. <td>单元格标记

复杂表格

  1. <th>表头设计
  2. <th>跟在<tr>后使用

 

最后呢,附上自己乱写的HTML代码以及使用效果:

转载原创文章请注明,转载自: Elton 18.4.21 HTML语言初探 (http://www.elton.site/?p=382)

18.4.21 HTML语言初探

已经好久好久没有更新博客了哇。

上上个礼拜五的工程导论课,学习了网页制作课程,并对HTML语言有了最初的了解。

在此之前,我自己试着扒过其他网站的源代码,所以对HTML接触了些许,以下是基本语法。

<html>
<head>
<title>第一个主页</title>
</head>
<body>
<p>helloworld</p>   //分段标记
</body>
</html>

常用页面标记

  1. 常用标记:<html>和</html>,<head>和</head>.<body>和</body>,<title>和</title>
  2. <meta>特殊信息标记
  3. <hn>网页子标题标记
  4. <p>段落标记和<br>换行标记
  5. <hr>水平线标记
  6. <pre>原文显示标记

文本修饰的zhuyaobiaoj主要标记

<font>,<b>,<i>,<u>,<align>等

  1. <font>基本字体标记
    <font size="3">3号字体"</font>
    <font size ="-1">比基准小一号字</font>
    <font color="red">红字</font>
    <font face ="楷体_GB2313">楷体</font>
    
  2. 字体效果<b><i><u>
  3. 对齐方式 <align>

 

  1. <blockquote>换行引用标记
  2. <code>程序代码标记
  3. <sup>上标字和<sub>下标字
  4. <marquee>活动字幕标记
  5. 特殊符号  <marquee direction=”left”,behavior=”slide”>从左到右滑动</marquee>   alternate:来回滚动 <marquee bgcolor=”#FFFF00″height=”40″>四十个像素高,黄背景</marquee> width=”60%” align=”middle”

<a>超链接

  1. class和id属性(类型、ID号)
  2. href属性(网址)
  3. target属性(新窗口打开)
  4. title属性(注释)
  5. name属性
  6. onclick.onmouseover

图像

  1. <img>
  2. <aren>
  3. <map>

表格

  1. <table>
  2. <caption>标题
  3. <tr>行标记
  4. <td>单元格标记

复杂表格

  1. <th>表头设计
  2. <th>跟在<tr>后使用

 

最后呢,附上自己乱写的HTML代码以及使用效果:

转载原创文章请注明,转载自: Elton 18.4.21 HTML语言初探 (http://www.elton.site/?p=382)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值