Blink Home > Publishing Guide: Advanced HTML
Make Blink yours!
 · Activate personalization
 · Learn about MyBlink
Get what you wanted?
yes no Comments

EmployeeLink This system is working normally. If you experience any
      problems, please report them to the ACT Help Desk at (858)534-1853
FinancialLink This system is working normally. If you experience any
      problems, please report them to the ACT Help Desk at (858)534-1853
TritonLink This system is working normally. If you experience any
      problems, please report them to the ACT Help Desk at (858)534-1853
TravelLink This system is working normally. If you experience any
      problems, please report them to the ACT Help Desk at (858)534-1853
  |  More...

At Your Service Online
    Via Single Sign-On
    Via AYSO password
MyApprovals
MyBlink
MyDashboard
MyDirectory
MyEffort
MyFunds
MyLeaveBalances
MyTime
MyTraining
MyTravel    |   Info ...
News and events
UCSD News
This Week @ UCSD
Calendar of Events
Staff Ed classes
Find What's New
Find the most recent articles by topic.
UCSD News & Information
UCSD Events Calendar
Blink online glossaryOnline glossary
Stumped by a word on Blink? Look it up!
Blink e-mail reminders Reminder Service
Blink can remind you of important events.
Department Index
Publishing Guide: Advanced HTML  
 
Summary: Find out how to use more advanced HTML code to format lists, anchor links, and tables in Blink and TritonLink Web pages.

If you're comfortable using basic HTML, see the examples below to try more advanced HTML, used to create nested lists, anchor links, and tables.

HTML code Result

Nested list
Note: Indent your HTML code when you make nested lists in content manager, so it's easier to find the text when you need to make changes. To indent, just hit the space bar a couple of times.

Here are your choices:
<ul>
<li>Option A
    <ul>
    <li>Option A-1</li>
    <li>Option A-2</li>
    </ul>
</li>
<li>Option B</li>
<li>Option C
    <ul>
    <li>Option C-1</li>
    <li>Option C-2</li>
    <li>Option C-3</li>
    </ul>
</li>
</ul>

Here are your choices:
  • Option A
    • Option A-1
    • Option A-2
  • Option B
  • Option C
    • Option C-1
    • Option C-2

Anchor links
Note: We now recommend using the "ID" tag instead of "name".

Anchor links are used to link to another location within the same page. In this example, when you click on the Benefits link, you jump down to the spot on the page where we describe benefits features.

Find out about the following features:

<ul>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#costs">Costs</a></li>
<li><a href="#more">More information</a></li></ul>

<p id="benefits">Benefits: Explain the benefits here.</p>
<p id="costs">Costs. Explain the costs here.</p>
<p id="more">More information: Add more information here.</p>
Find out about the following features:

Benefits: Explain the benefits here.

Costs: Explain the costs here.

More information: Add more information here.

Tables

<table width="100%" bgcolor="white" border="1" bordercolor="#336699" cellpadding="4" cellspacing="0">

<tr valign="top">
<td bgcolor="lightblue"> <strong>Code</strong></td>
<td bgcolor="lightblue"> <strong>Description</strong></td></tr>

<tr valign="top">
<td>DA</td>
<td>Additional repeated D</td></tr>

<tr valign="top">
<td>FA</td>
<td>Additional repeated F</td></tr>
</table>
Code Description
DA Additional repeated D
FA Additional repeated F

Questions? Contact Allisa Becker, (858) 534-1013.



  Print
Print
this page
  Email
Share
this page
  Add to MyBlink
Save
this link
  Get notified when this page is updated
Notify
on change
  Add a sticky note to this page
Add
a note
 


Last reviewed/updated on Aug. 30, 2007 (see more info)
Blink A-Z Index:   0-9  A B C D E F G H  I  J K L M N O P Q R S T U V W X Y Z 


Blink Home  Site Map  Help  Accessibility Tips  Privacy Statement  Content Manager  RSS Feed 


Copyright ©2008 Regents of the University of California. All rights reserved.
Official Web Page of the University of California, San Diego

Blink version 1.7 12-17/2007 Blink Usability Group