HTML基础-2020-05-28

 HTML是英文Hypr Text Markup Language(超文本标记语言)。

  1.  h1元素通常被用作主标题,h2元素通常被用作副标题,还有h3、h4、h5、h6元素,它们分别用作不同级别的标题。可以叫做元素或标签,通常h2等标签也可以使用很多次。

Hello World

p是paragraph的缩写,通常被用来创建一个段落,就和你写作文一样。

I'm a p tag!


HTML 添加注释

注释的开始标记是

HTML5 引入了很多更具描述性的 HTML 元素,例如:header、footer、nav、video、article、section。main元素让搜索引擎和开发者瞬间就能找到网页的主要内容。

添加图片

用img元素来为你的网站添加图片,其中src属性指向一个图片的地址。所有的img元素必须有alt属性,alt属性的文本是当图片无法加载时显示的替代文本,这对于通过屏幕阅读器来浏览网页的用户非常重要。

作者站在沙滩上竖起两个大拇指

HTML 基础:用锚点实现网页间的跳转        

a锚点(Anchor,简写 a)来实现网页间的跳转。

绝对 URL - 指向另一个站点 :cat photos

相对 URL - 指向站点内的某个文件(href="index.html")

在a标签里面 target="_blank" 点击链接会打开新的网页

cat photos


HTML 基础:用a标签(锚点)实现网页内部跳转

设置锚点的href属性值为井号#加上想跳转区域对应的id属性值,这样就可以创建一个内部跳转。id是用来描述网页元素的一个属性,它的值在整个页面中唯一。href=#,可以创建固定链接。

Contacts

Contacts

href=#,可以创建固定链接。


创建一个无序列表

无序列表unordered lists(缩写 ul)。

无序列表以

    开始,中间包含一个或多个
  • 元素,最后以
结尾

      

  • 机械
  •   

  • 飞机

创建一个有序列表

有序列表ordered lists(缩写 ol)。

无序列表以

    开始,中间包含一个或多个
  1. 元素,最后以
结尾

        

    1. 机械
    2.   

    3. 飞机

    创建一个输入框

    现在让我们来创建一个form表单。

    input输入框可以让你轻松获得用户的输入。

    你可以像这样创建一个文本输入框:

    注意:input输入框是没有结束标记的

    给输入框添加占位符文本

    Placeholder占位符是用户在input输入框中输入任何东西前的预定义文本。

    你可以像这样创建一个占位符:


    创建一个表单

    给form表单添加一个action属性,你可以使用纯 HTML 来构建向服务器提交数据的 Web 表单。在 HTML5 中,action 属性不再是必需的。

    绝对 URL - 指向另一个网站(比如 action="http://www.example.com/example.htm")                                                                                    相对 URL - 指向网站内的一个文件(比如 action="example.htm") 


    给表单添加提交按钮

    onclick鼠标单击,alert提示,警示

    给表单添加一个必填字段

    把文本输入框设置为必填项,在input元素中加上required属性就可以了,没有输入内容,就无法提交。例如:


    创建一组单选按钮

    (单选按钮)就好比单项选择题,正确答案只有一个。单选按钮只是input输入框的一种类型。每一个单选按钮都应该嵌套在它自己的label(标签)元素中。所有关联的单选按钮应该拥有相同的name属性。

      Indoor


    创建一组复选框

    checkboxes(复选框)就好比多项选择题,正确答案有多个。 每一个复选框都应该嵌套在它自己的label(标签)元素中。 所有关联的复选框应该拥有相同的name属性。最佳实践是在label元素上设置for属性,让其值与复选框的id属性值相等,这样就在label元素和它的子元素复选框之间创建了一种链接关系。例如:

                                                                                                                                                                                                                                               


    给单选按钮和复选框添加默认选中项


    元素嵌套

    div元素,也叫division(层)元素,是一个盛装其他元素的通用容器。

    它也是 HTML 中出现频率最高的元素。

    和其他普通元素一样,你可以用

    来标记一个div元素的开始,用
    来标记一个div元素的结束。

    标签定义 HTML 文档中的一个分隔区块或者一个区域部分。

    标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。

    提示:

    元素经常与 CSS 一起使用,用来布局网页。

    注释:默认情况下,浏览器通常会在

    元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。

            

           


    声明 HTML 文档的文档类型

    !和大写的DOCTYPE是很重要的,特别是对于老的浏览器。但html大写小写都可以。对应的就是 HTML5。!与DOCTYPE紧密相连


    定义 HTML 文档的标题和正文

    html的结构主要分为两大部分:head、body。关于网页的描述都应该放入head标签,网页的内容都应该放入body标签。

    比如link、meta、title和style都应该放入head标签。

    Document


    HTML  标签

    标签用来表示一个缩写词或者首字母缩略词,如"WWW"或者"NATO"。

    TheWHO was founded in 1948.


    HTML 
     标签

    标签定义文档作者/所有者的联系信息。

    如果

    元素位于 元素内部,则它表示该文档作者/所有者的联系信息。

    如果

    元素位于
    元素内部,则它表示该文章作者/所有者的联系信息。

    元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

    Contact the author of this page:

      [email protected]

      (311) 555-2368

    当表示一个和联系信息无关的任意的地址时,请改用 

     元素而不是 

     元素。

    这个元素不能包含除联系信息之外的任何信息,比如出版日期(这应当被包含在 

    通常,

     元素可以放在 
     元素之中(如果存在的话)。

    HTML 
     标签

    标签定义独立的内容。

    标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

    的潜在来源:论坛帖子、博客文章、新闻故事、评论

        

       

    Internet Explorer 9

       

    Windows Internet Explorer 9(缩写为 IE9 )在2011年3月14日21:00 发布。


    HTML 

    你可能感兴趣的:(HTML基础-2020-05-28)