May 6 HTML tag hyperlinks, picture properties, and lists

Today's content is mainly the use of the HTML tag's Hyperlink Picture Property list

I. Hyperlinks, anchors and downloads.

(1) Hyperlinks

<a href= "URL" targe= "_blank" > site name </a> can directly click on the middle of the text to open the URL, target is to click on the hyperlink to open the page properties, _self is directly open in the current page, _ Blank is opened in a new blank tab.

(2) Anchor Point

<a name= "anchor point" > Define an anchor point

<a href= "#锚点" > Return to anchor </a> Click Back to anchor if no anchor is defined the attribute value of the href is #, which is returned to the top of the page

(3) Download

<a href= "file path" > download file </a> Click to open File download but if text page picture does not trigger download these file browser will open the need to save as

Second, the picture Tag property

Alt property is the content that appears when a picture fails to load the title is what appears when you move the mouse over the picture

Third, List

(1) Unordered list

<ul type= "Square" style= "List-style:none" > The Type property is the symbol before the list has a solid square (square) circle (hollow Circle) Solid Circle (disc) Three kinds can also style= " List-style:none "Remove the symbol

<li> First line </li>

<li> Second Line </li>

<li> Line Three </li>

</ul>

(2) Unordered list

<ol type= "a/a/1/i/i" > Type attribute for ordinal A is ABCD lowercase a is ABCD Capital Letter 1 is 1234 number i is Roman numeral ⅰⅱⅲⅳi is lowercase roman numeral I II III IV can also list-style:none remove List Number

<li> First line </li>

<li> Second Line </li>

<li> Line Three </li>

</ol>

Iv. notes

<!--what needs to be commented out--the comment shortcut for VS is ctrl+k,ctrl+c other editors are mostly ctrl+/I changed the shortcut for VS to ctrl+/but there was a conflict with the command line, so I swapped the shortcut keys for the two commands.

Five, delimiter

Vi. width/height of tables and pictures in addition to the fixed values can be written as a percentage of the form so that the zoom page is the width will also change to fit the page

Vii. Practice in class

<! DOCTYPE html>"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/> <title> Hyperlinks </title>"http://www.baidu.com"> Baidu </a><br/> <p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><a name="Top"> Anchor Points </a><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p> <a href="Download/blank.rar"> Click to download blank compressed file </a><br/> <a href="img/tu.jpg"target="_blank"> Click to download Images </a> "img/tu.jpg"Width=" $"alt="picture failed to load"title="Nightly"/><!--picture size can be written as a percentage and will scale as the page size-<!--hyperlink ends-<!--unordered List--<ul> <li type="Disc"> First line </li> <li type="Circle"> Second line </li> <li type="Square"> Line three </li> </ul> <ul style="List-style:none"> <li> <a href="http://www.baidu.com"> Baidu </a> </li> <li> <a href="http://www.zhihu.com"> </a> </li> </ul> <!--unordered list ends--"1"> <li> First line </li> <li> second line </li> <li> third row </li> </ol> &lt ; OL type="a"> <li> First line </li> <li> second line </li> <li> third row </li> </ol> &lt ; OL type="I"> <li> First line </li> <li> second line </li> <li> third line </li> <li> fourth Line & Lt;/li> </ol> <!--ordered list ended--<a href="#top"> Return anchor point </a><br/> <a href="#"> Back to top </a> <br/> <!--This line of text is a comment--></body>
May 6 HTML tag hyperlinks, picture properties, and lists